:root {
    --kat-line-height-xxsmall: 0.3;
    --kat-line-height-xsmall: 0.5;
    --kat-line-height-small: 0.8;
    --kat-line-height-medium: 1;
    --kat-line-height-large: 1.5;
    --kat-line-height-xlarge: 2;
    --kat-line-height-xxlarge: 3;
    --kat-icon-size-xxsmall: 8px;
    --kat-icon-size-xsmall: 14px;
    --kat-icon-size-small: 20px;
    --kat-icon-size-medium: 30px;
    --kat-icon-size-large: 40px;
    --kat-icon-size-xlarge: 56px;
    --kat-icon-size-xxlarge: 72px;
    --kat-font-family: "Amazon Ember";
    --kat-font-family-mono: "Amazon Ember Mono";
    --kat-icon-font-family: "KatalFloIcons";
    --kat-font-size-xxsmall: 0.625rem;
    --kat-font-size-xsmall: 0.7rem;
    --kat-font-size-small: 0.75rem;
    --kat-font-size-medium: 0.8125rem;
    --kat-font-size-large: 1rem;
    --kat-font-size-xlarge: 1.44rem;
    --kat-font-size-xxlarge: 1.73rem;
    --kat-padding-xxxsmall: 0.15rem;
    --kat-padding-xxsmall: 0.25rem;
    --kat-padding-xsmall: 0.3rem;
    --kat-padding-small: 0.5rem;
    --kat-padding-medium: 0.75rem;
    --kat-padding-large: 0.86rem;
    --kat-padding-xlarge: 1rem;
    --kat-padding-xxlarge: 1.25rem;
    --kat-padding-xxxlarge: 1.5rem;
    --kat-border-width-xxsmall: 1px;
    --kat-border-width-xsmall: 2px;
    --kat-border-width-small: 3px;
    --kat-border-width-medium: 5px;
    --kat-border-width-large: 8px;
    --kat-border-width-xlarge: 13px;
    --kat-border-width-xxlarge: 18px;
    --kat-border-radius-xxsmall: 1px;
    --kat-border-radius-xsmall: 2px;
    --kat-border-radius-small: 5px;
    --kat-border-radius-medium: 10px;
    --kat-border-radius-large: 20px;
    --kat-border-radius-xlarge: 30px;
    --kat-border-radius-xxlarge: 50px;
    --kat-z-index-default: 1;
    --kat-z-index-sticky: 100;
    --kat-z-index-overlay: 8000;
    --kat-z-index-modal: 8250;
    --kat-z-index-onthetop: 9000;
    --kat-background-white: #fff;
    --kat-background-primary: #f5f9fa;
    --kat-background-secondary: #e5f2f4;
    --kat-background-attention: #00a4b4;
    --kat-background-cta: #008296;
    --kat-background-popup: red;
    --kat-background-header: #7fc2bb;
    --kat-background-neutral: #fafafa;
    --kat-background-disabled: #f4f6f6;
    --kat-font-color-primary-dark: #002f36;
    --kat-font-color-primary-light: grey;
    --kat-font-color-secondary-dark: #667575;
    --kat-font-color-secondary-light: #fff;
    --kat-font-color-interactive: #008296;
    --kat-font-color-disabled: #667575;
    --kat-font-color-primary-hover: #008296;
    --kat-font-color-error: #cc0c39;
    --kat-border-color-container: #aab7b8;
    --kat-border-color-input: #aab7b8;
    --kat-border-color-hover: #008296;
    --kat-border-color-focus: #008296;
    --kat-border-color-disabled: #757575;
    --kat-border-color-box-primary: #002f36;
    --kat-border-color-input-default: var(--kat-border-color-input);
    --kat-border-color-input-hover: var(--kat-border-color-hover);
    --kat-border-color-input-focus: var(--kat-border-color-focus);
    --kat-border-color-error: #cc0c39;
    --kat-border-color-rows-primary: red;
    --kat-border-color-rows-hover: red;
    --kat-aqua-50: #e2f4f7;
    --kat-aqua-100: #aadfe7;
    --kat-aqua-200: #74c6d2;
    --kat-aqua-300: #28a5b8;
    --kat-aqua-400: #138296;
    --kat-aqua-500: #007587;
    --kat-aqua-600: #005f6e;
    --kat-aqua-700: #004954;
    --kat-aqua-800: #003740;
    --kat-blue-50: #ebf7ff;
    --kat-blue-100: #b9dffb;
    --kat-blue-200: #59b6f8;
    --kat-blue-300: #239ef6;
    --kat-blue-400: #0a8ff5;
    --kat-blue-500: #0a6fc2;
    --kat-blue-600: #0859a0;
    --kat-blue-700: #074588;
    --kat-blue-800: #063b73;
    --kat-green-50: #f2f6e1;
    --kat-green-100: #cddeac;
    --kat-green-200: #a6c47a;
    --kat-green-300: #7ea949;
    --kat-green-400: #49850f;
    --kat-green-500: #387000;
    --kat-green-600: #306100;
    --kat-green-700: #295200;
    --kat-green-800: #1f3d00;
    --kat-indigo-50: #ecebfd;
    --kat-indigo-100: #c7c5fb;
    --kat-indigo-200: #a29ef9;
    --kat-indigo-300: #7e77f7;
    --kat-indigo-400: #5048ea;
    --kat-indigo-500: #4037e1;
    --kat-indigo-600: #362ed1;
    --kat-indigo-700: #251ea4;
    --kat-indigo-800: #181371;
    --kat-lime-50: #f9fbe6;
    --kat-lime-100: #eaf2b7;
    --kat-lime-200: #dce988;
    --kat-lime-300: #cee058;
    --kat-lime-400: #bad411;
    --kat-lime-500: #aec610;
    --kat-lime-600: #a2b80f;
    --kat-lime-700: #91a50d;
    --kat-lime-800: #7c8e0b;
    --kat-magenta-50: #faebf5;
    --kat-magenta-100: #f2c4e3;
    --kat-magenta-200: #ea9ed1;
    --kat-magenta-300: #e277be;
    --kat-magenta-400: #da50ac;
    --kat-magenta-500: #d63da3;
    --kat-magenta-600: #c62a92;
    --kat-magenta-700: #b52685;
    --kat-magenta-800: #a02276;
    --kat-orange-50: #fff3e5;
    --kat-orange-100: #ffddb2;
    --kat-orange-200: #ffc77f;
    --kat-orange-300: #ffb04c;
    --kat-orange-400: #f90;
    --kat-orange-500: #f08000;
    --kat-orange-600: #e07400;
    --kat-orange-700: #c60;
    --kat-orange-800: #b35300;
    --kat-purple-50: #f7e5f5;
    --kat-purple-100: #e6b4df;
    --kat-purple-200: #d287c7;
    --kat-purple-300: #b654a7;
    --kat-purple-400: #8c297d;
    --kat-purple-500: #7a246d;
    --kat-purple-600: #6b1f5f;
    --kat-purple-700: #53184a;
    --kat-purple-800: #3f1238;
    --kat-red-50: #ffe5df;
    --kat-red-100: #fdb39f;
    --kat-red-200: #fd8163;
    --kat-red-300: #ff6038;
    --kat-red-400: #e32e00;
    --kat-red-500: #cf2900;
    --kat-red-600: #bd2600;
    --kat-red-700: #9e2000;
    --kat-red-800: #801a00;
    --kat-shadow-20: rgba(9, 10, 13, .2);
    --kat-shadow-60: rgba(9, 10, 13, .6);
    --kat-shadow-80: rgba(9, 10, 13, .8);
    --kat-squid-ink-50: #f7f7f8;
    --kat-squid-ink-100: #ebeced;
    --kat-squid-ink-200: #d3d5d8;
    --kat-squid-ink-300: #bdc0c5;
    --kat-squid-ink-400: #868d95;
    --kat-squid-ink-500: #5e6a78;
    --kat-squid-ink-600: #3f4a59;
    --kat-squid-ink-700: #232f3e;
    --kat-squid-ink-800: #161e2d;
    --kat-white: #fff;
    --kat-white-transparent: hsla(0, 0%, 100%, 0);
    --kat-yellow-50: #fdf4d8;
    --kat-yellow-100: #ffebaa;
    --kat-yellow-200: #fcde7c;
    --kat-yellow-300: #fdd34a;
    --kat-yellow-400: #ffc400;
    --kat-yellow-500: #ebac00;
    --kat-yellow-600: #d19200;
    --kat-yellow-700: #bd8100;
    --kat-yellow-800: #a36a00;
    --kat-space-00: 0;
    --kat-space-01: 2px;
    --kat-space-02: 4px;
    --kat-space-03: 8px;
    --kat-space-04: 12px;
    --kat-space-05: 16px;
    --kat-space-06: 20px;
    --kat-space-07: 24px;
    --kat-space-08: 32px;
    --kat-space-09: 40px;
    --kat-space-10: 48px;
    --kat-display-200-font-weight: 200;
    --kat-display-200-font-size: 52px;
    --kat-display-200-line-height: 1.231;
    --kat-display-200-letter-spacing: -0.2px;
    --kat-display-100-font-weight: 200;
    --kat-display-100-font-size: 44px;
    --kat-display-100-line-height: 1.273;
    --kat-display-100-letter-spacing: -0.2px;
    --kat-heading-700-font-weight: 400;
    --kat-heading-700-font-size: 36px;
    --kat-heading-700-line-height: 1.111;
    --kat-heading-700-letter-spacing: -0.1px;
    --kat-heading-600-font-weight: 400;
    --kat-heading-600-font-size: 28px;
    --kat-heading-600-line-height: 1.143;
    --kat-heading-600-letter-spacing: -0.1px;
    --kat-heading-500-font-weight: 400;
    --kat-heading-500-font-size: 24px;
    --kat-heading-500-line-height: 1.167;
    --kat-heading-500-letter-spacing: -0.1px;
    --kat-heading-400-font-weight: 700;
    --kat-heading-400-font-size: 20px;
    --kat-heading-400-line-height: 1.2;
    --kat-heading-400-letter-spacing: -0.1px;
    --kat-heading-300-font-weight: 700;
    --kat-heading-300-font-size: 18px;
    --kat-heading-300-line-height: 1.333;
    --kat-heading-300-letter-spacing: 0;
    --kat-heading-200-font-weight: 700;
    --kat-heading-200-font-size: 16px;
    --kat-heading-200-line-height: 1.25;
    --kat-heading-200-letter-spacing: 0;
    --kat-heading-100-font-weight: 700;
    --kat-heading-100-font-size: 14px;
    --kat-heading-100-line-height: 1.429;
    --kat-heading-100-letter-spacing: 0;
    --kat-body-400-font-weight: 400;
    --kat-body-400-font-size: 20px;
    --kat-body-400-line-height: 1.2;
    --kat-body-400-letter-spacing: 0.1px;
    --kat-body-300-font-weight: 400;
    --kat-body-300-font-size: 16px;
    --kat-body-300-line-height: 1.5;
    --kat-body-300-letter-spacing: 0.1px;
    --kat-body-200-font-weight: 400;
    --kat-body-200-font-size: 14px;
    --kat-body-200-line-height: 1.425;
    --kat-body-200-letter-spacing: 0.1px;
    --kat-body-200-dense-font-weight: 400;
    --kat-body-200-dense-font-size: 14px;
    --kat-body-200-dense-line-height: 1.143;
    --kat-body-200-dense-letter-spacing: 0.1px;
    --kat-body-100-font-weight: 400;
    --kat-body-100-font-size: 12px;
    --kat-body-100-line-height: 1.333;
    --kat-body-100-letter-spacing: 0;
    --kat-mono-200-font-weight: 400;
    --kat-mono-200-font-size: 14px;
    --kat-mono-200-line-height: 1.425;
    --kat-mono-200-letter-spacing: 0.1px;
    --kat-mono-100-font-weight: 400;
    --kat-mono-100-font-size: 14px;
    --kat-mono-100-line-height: 1.143;
    --kat-mono-100-letter-spacing: 0.1px;
    --kat-axis-divider: #ebeced;
    --kat-axis-label: #5e6a78;
    --kat-background-accent-default: #d3d5d8;
    --kat-background-accent-inverse: #232f3e;
    --kat-background-accent-selected: #138296;
    --kat-background-button-danger-active: #bd2600;
    --kat-background-button-danger-default: #e32e00;
    --kat-background-button-danger-disabled: #d3d5d8;
    --kat-background-button-danger-hover: #cf2900;
    --kat-background-button-link-active: #aadfe7;
    --kat-background-button-link-default: hsla(0, 0%, 100%, 0);
    --kat-background-button-link-disabled: hsla(0, 0%, 100%, 0);
    --kat-background-button-link-hover: #e2f4f7;
    --kat-background-button-primary-active: #005f6e;
    --kat-background-button-primary-default: #138296;
    --kat-background-button-primary-disabled: #d3d5d8;
    --kat-background-button-primary-hover: #007587;
    --kat-background-button-secondary-active: #161e2d;
    --kat-background-button-secondary-default: #3f4a59;
    --kat-background-button-secondary-disabled: #fff;
    --kat-background-button-secondary-hover: #232f3e;
    --kat-background-button-tertiary-active: #aadfe7;
    --kat-background-button-tertiary-default: #fff;
    --kat-background-button-tertiary-disabled: #fff;
    --kat-background-button-tertiary-hover: #e2f4f7;
    --kat-background-button-utility-active: #ebeced;
    --kat-background-button-utility-default: #fff;
    --kat-background-button-utility-disabled: hsla(0, 0%, 100%, 0);
    --kat-background-button-utility-hover: #f7f7f8;
    --kat-background-button-utility-link-active: #ebeced;
    --kat-background-button-utility-link-default: #fff;
    --kat-background-button-utility-link-disabled: hsla(0, 0%, 100%, 0);
    --kat-background-button-utility-link-hover: #f7f7f8;
    --kat-background-button-warning-active: #d19200;
    --kat-background-button-warning-default: #ffc400;
    --kat-background-button-warning-disabled: #d3d5d8;
    --kat-background-button-warning-hover: #ebac00;
    --kat-background-container-content: #fff;
    --kat-background-container-footer: #fff;
    --kat-background-container-header-active: #ebeced;
    --kat-background-container-header-default: #fff;
    --kat-background-container-header-hover: #f7f7f8;
    --kat-background-control-addon: #f7f7f8;
    --kat-background-control-default: #fff;
    --kat-background-control-disabled: #d3d5d8;
    --kat-background-control-selected: #138296;
    --kat-background-control-selected-disabled: #d3d5d8;
    --kat-background-control-toggle-selected-disabled: #5e6a78;
    --kat-background-file-active: #e2f4f7;
    --kat-background-file-default: #fff;
    --kat-background-item-active: #ebeced;
    --kat-background-item-default: #fff;
    --kat-background-item-disabled: #d3d5d8;
    --kat-background-item-hover: #f7f7f8;
    --kat-background-item-selected: #e2f4f7;
    --kat-background-item-selected-hover: #aadfe7;
    --kat-background-message-danger: #ffe5df;
    --kat-background-message-default: #fff;
    --kat-background-message-info: #ebf7ff;
    --kat-background-message-inverse: #161e2d;
    --kat-background-message-primary: #e2f4f7;
    --kat-background-message-secondary: #f7f7f8;
    --kat-background-message-success: #f2f6e1;
    --kat-background-message-warning: #fdf4d8;
    --kat-background-status-active: #007587;
    --kat-background-status-danger: #cf2900;
    --kat-background-status-default: #232f3e;
    --kat-background-status-info: #0a6fc2;
    --kat-background-status-success: #387000;
    --kat-background-status-tag: #f7f7f8;
    --kat-background-status-tag-hover: #ebeced;
    --kat-background-status-warning: #ebac00;
    --kat-background-tab-active: #bdc0c5;
    --kat-background-tab-default: #ebeced;
    --kat-background-tab-hover: #d3d5d8;
    --kat-background-tab-selected: #fff;
    --kat-border-accent-inverse: #232f3e;
    --kat-border-button-danger-active: #bd2600;
    --kat-border-button-danger-default: #e32e00;
    --kat-border-button-danger-disabled: #d3d5d8;
    --kat-border-button-danger-hover: #cf2900;
    --kat-border-button-link-active: #aadfe7;
    --kat-border-button-link-default: hsla(0, 0%, 100%, 0);
    --kat-border-button-link-disabled: #d3d5d8;
    --kat-border-button-link-hover: #e2f4f7;
    --kat-border-button-primary-active: #005f6e;
    --kat-border-button-primary-default: #138296;
    --kat-border-button-primary-disabled: #d3d5d8;
    --kat-border-button-primary-hover: #007587;
    --kat-border-button-secondary-active: #161e2d;
    --kat-border-button-secondary-default: #3f4a59;
    --kat-border-button-secondary-disabled: #d3d5d8;
    --kat-border-button-secondary-hover: #232f3e;
    --kat-border-button-tertiary-active: #138296;
    --kat-border-button-tertiary-default: #138296;
    --kat-border-button-tertiary-disabled: #d3d5d8;
    --kat-border-button-tertiary-hover: #138296;
    --kat-border-button-utility-active: #868d95;
    --kat-border-button-utility-default: #868d95;
    --kat-border-button-utility-disabled: #d3d5d8;
    --kat-border-button-utility-hover: #868d95;
    --kat-border-button-utility-link-active: #005f6e;
    --kat-border-button-utility-link-default: #868d95;
    --kat-border-button-utility-link-disabled: #d3d5d8;
    --kat-border-button-utility-link-hover: #868d95;
    --kat-border-button-warning-active: #d19200;
    --kat-border-button-warning-default: #ffc400;
    --kat-border-button-warning-disabled: #d3d5d8;
    --kat-border-button-warning-hover: #ebac00;
    --kat-border-container: #d3d5d8;
    --kat-border-control-default: #868d95;
    --kat-border-control-disabled: #868d95;
    --kat-border-control-focus: #138296;
    --kat-border-control-hover: #138296;
    --kat-border-control-selected: #138296;
    --kat-border-control-selected-disabled: #868d95;
    --kat-border-control-toggle-selected-disabled: #5e6a78;
    --kat-border-divider-default: #ebeced;
    --kat-border-divider-inverse: #5e6a78;
    --kat-border-file-default: #74c6d2;
    --kat-border-file-disabled: #d3d5d8;
    --kat-border-item-default: #d3d5d8;
    --kat-border-item-disabled: #868d95;
    --kat-border-item-selected: #138296;
    --kat-border-message-danger: #cf2900;
    --kat-border-message-default: #d3d5d8;
    --kat-border-message-info: #0a6fc2;
    --kat-border-message-inverse: #5e6a78;
    --kat-border-message-primary: #138296;
    --kat-border-message-secondary: #232f3e;
    --kat-border-message-success: #387000;
    --kat-border-message-warning: #ebac00;
    --kat-border-status-tag: #d3d5d8;
    --kat-border-tab-default: #d3d5d8;
    --kat-border-tab-selected: #138296;
    --kat-chart-default: #d3d5d8;
    --kat-chart-preset-1: #4037e1;
    --kat-chart-preset-10: #7e77f7;
    --kat-chart-preset-11: #0859a0;
    --kat-chart-preset-12: #ff6038;
    --kat-chart-preset-13: #801a00;
    --kat-chart-preset-14: #da50ac;
    --kat-chart-preset-2: #239ef6;
    --kat-chart-preset-3: #295200;
    --kat-chart-preset-4: #e07400;
    --kat-chart-preset-5: #181371;
    --kat-chart-preset-6: #49850f;
    --kat-chart-preset-7: #7a246d;
    --kat-chart-preset-8: #cf2900;
    --kat-chart-preset-9: #3f1238;
    --kat-foreground-control-default: #232f3e;
    --kat-foreground-control-disabled: #868d95;
    --kat-foreground-control-selected: #fff;
    --kat-foreground-control-selected-disabled: #868d95;
    --kat-foreground-control-toggle-selected-disabled: #d3d5d8;
    --kat-label-button-danger: #fff;
    --kat-label-button-danger-disabled: #5e6a78;
    --kat-label-button-link: #007587;
    --kat-label-button-link-disabled: #868d95;
    --kat-label-button-primary: #fff;
    --kat-label-button-primary-disabled: #5e6a78;
    --kat-label-button-secondary: #fff;
    --kat-label-button-secondary-disabled: #868d95;
    --kat-label-button-tertiary: #007587;
    --kat-label-button-tertiary-disabled: #868d95;
    --kat-label-button-utility: #232f3e;
    --kat-label-button-utility-disabled: #5e6a78;
    --kat-label-button-utility-link: #232f3e;
    --kat-label-button-utility-link-disabled: #5e6a78;
    --kat-label-button-warning: #232f3e;
    --kat-label-button-warning-disabled: #5e6a78;
    --kat-text-disabled: #868d95;
    --kat-text-inverse: #fff;
    --kat-text-label: #232f3e;
    --kat-text-link: #007587;
    --kat-text-primary: #232f3e;
    --kat-text-secondary: #5e6a78;
    --kat-text-status-active: #007587;
    --kat-text-status-danger: #cf2900;
    --kat-text-status-default: #232f3e;
    --kat-text-status-info: #0a6fc2;
    --kat-text-status-inactive: #868d95;
    --kat-text-status-success: #387000;
    --kat-text-status-warning: #ebac00;
    --kat-text-status-warninglabel: #232f3e;
    --kat-text-tab-default: #232f3e;
    --kat-text-tab-selected: #232f3e;





    --background: var(--kat-alert-background, var(--kat-background-secondary));
    --border-color: var(--kat-alert-border-color, var(--background));
    --border-width: var(--kat-alert-border-width, 0);
    --border-style: var(--kat-alert-border-style, solid);
    --border-radius: var(--kat-alert-border-radius, var(--kat-border-radius-xxsmall));
    --color: var(--kat-alert-color, inherit);
    --font-size: var(--kat-alert-font-size, inherit);
    --font-weight: var(--kat-alert-font-weight, inherit);
    --font-family: var(--kat-alert-font-family, inherit);
    --line-height: var(--kat-alert-line-height, inherit);
    --padding: var(--kat-alert-padding, var(--kat-padding-medium));
    --box-shadow: var(--kat-alert-box-shadow, none);
    --content-gap: var(--kat-alert-content-gap, 0);
    --header-color: var(--kat-alert-header-color, inherit);
    --header-font-size: var(--kat-alert-header-font-size, inherit);
    --header-font-weight: var(--kat-alert-header-font-weight, bold);
    --header-font-family: var(--kat-alert-header-font-family, inherit);
    --header-line-height: var(--kat-alert-header-line-height, inherit);
    --header-padding: var(--kat-alert-header-padding, 0);
    --description-background: var(--kat-alert-description-background, none);
    --description-border-color: var(--kat-alert-description-border-color, var(--kat-border-color-box-primary));
    --description-border-width: var(--kat-alert-description-border-width, 0);
    --description-border-style: var(--kat-alert-description-border-style, solid);
    --description-border-radius: var(--kat-alert-description-border-radius, 0);
    --description-color: var(--kat-alert-description-color, inherit);
    --description-font-size: var(--kat-alert-description-font-size, inherit);
    --description-font-weight: var(--kat-alert-description-font-weight, inherit);
    --description-font-family: var(--kat-alert-description-font-family, inherit);
    --description-line-height: var(--kat-alert-description-line-height, inherit);
    --description-padding: var(--kat-alert-description-padding, 0);
    --cta-margin: var(--kat-alert-cta-margin, 0 var(--kat-padding-small));
    --icon-background: var(--kat-alert-icon-background, none);
    --icon-border-color: var(--kat-alert-icon-border-color, var(--kat-border-color-box-primary));
    --icon-border-width: var(--kat-alert-icon-border-width, 0);
    --icon-border-style: var(--kat-alert-icon-border-style, solid);
    --icon-border-radius: var(--kat-alert-icon-border-radius, 0);
    --icon-color: var(--kat-alert-icon-color, inherit);
    --icon-font-weight: var(--kat-alert-icon-font-weight, inherit);
    --icon-font-family: var(--kat-alert-icon-font-family, var(--kat-icon-font-family));
    --icon-line-height: var(--kat-alert-icon-line-height, inherit);
    --icon-padding: var(--kat-alert-icon-padding, 0);
    --icon-size: var(--kat-alert-icon-size, var(--kat-icon-size-large));
    --icon-width: var(--kat-alert-icon-width, auto);
    --icon-height: var(--kat-alert-icon-height, auto);
    --icon-margin: var(--kat-alert-icon-margin, 0 0.5rem 0 0);
    --dismiss-background: var(--kat-alert-dismiss-background, none);
    --dismiss-border-color: var(--kat-alert-dismiss-border-color, var(--kat-border-color-box-primary));
    --dismiss-border-width: var(--kat-alert-dismiss-border-width, 0);
    --dismiss-border-style: var(--kat-alert-dismiss-border-style, solid);
    --dismiss-border-radius: var(--kat-alert-dismiss-border-radius, 0);
    --dismiss-color: var(--kat-alert-dismiss-color, inherit);
    --dismiss-font-weight: var(--kat-alert-dismiss-font-weight, inherit);
    --dismiss-font-family: var(--kat-alert-dismiss-font-family, var(--kat-icon-font-family));
    --dismiss-line-height: var(--kat-alert-dismiss-line-height, inherit);
    --dismiss-padding: var(--kat-alert-dismiss-padding, 0);
    --dismiss-size: var(--kat-alert-dismiss-size, var(--kat-icon-size-small));
    --dismiss-width: var(--kat-alert-dismiss-width, auto);
    --dismiss-height: var(--kat-alert-dismiss-height, auto);
    --dismiss-margin: var(--kat-alert-dismiss-margin, 0);
    display: flex;
    align-items: flex-start;
    color: var(--color);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    font-family: var(--font-family);
    line-height: var(--line-height);
    background: var(--background);
    border-color: var(--border-color);
    border-width: var(--border-width);
    border-style: var(--border-style);
    border-radius: var(--border-radius);
    padding: var(--padding);
    box-shadow: var(--box-shadow)
}

.katal.SP_SERVICES_706592_T1,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 {
    background-color: #fff;
    color: #232f3e;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.425
}

.katal.SP_SERVICES_706592_T1 dl li,
.katal.SP_SERVICES_706592_T1 ol li,
.katal.SP_SERVICES_706592_T1 ul li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 dl li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 ol li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 ul li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 dl li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 ol li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 ul li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 dl li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 ol li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 ul li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 dl li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 ol li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 ul li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 dl li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 ol li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 ul li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 dl li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 ol li,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 ul li {
    color: #232f3e
}

.katal.SP_SERVICES_706592_T1 a,
.katal.SP_SERVICES_706592_T1 a:hover,
.katal.SP_SERVICES_706592_T1 a:link,
.katal.SP_SERVICES_706592_T1 a:link:hover,
.katal.SP_SERVICES_706592_T1 a:visited,
.katal.SP_SERVICES_706592_T1 a:visited:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 a,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 a:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 a:link,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 a:link:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 a:visited,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 a:visited:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 a,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 a:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 a:link,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 a:link:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 a:visited,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 a:visited:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 a,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 a:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 a:link,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 a:link:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 a:visited,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 a:visited:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 a,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 a:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 a:link,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 a:link:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 a:visited,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 a:visited:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 a,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 a:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 a:link,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 a:link:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 a:visited,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 a:visited:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 a,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 a:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 a:link,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 a:link:hover,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 a:visited,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 a:visited:hover {
    color: #138296
}

.katal.SP_SERVICES_706592_T1 code,
.katal.SP_SERVICES_706592_T1 kbd,
.katal.SP_SERVICES_706592_T1 pre,
.katal.SP_SERVICES_706592_T1 samp,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 code,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 kbd,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 pre,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 samp,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 code,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 kbd,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 pre,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 samp,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 code,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 kbd,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 pre,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 samp,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 code,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 kbd,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 pre,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 samp,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 code,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 kbd,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 pre,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 samp,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 code,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 kbd,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 pre,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 samp {
    font-family: Amazon Ember Mono, monospace, monospace;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.425
}

.katal.SP_SERVICES_706592_T1 pre,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 pre,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 pre,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 pre,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 pre,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 pre,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 pre {
    background-color: #232f3e;
    color: #fff
}

.katal .text-lowercase {
    text-transform: lowercase !important
}

.katal .text-uppercase {
    text-transform: uppercase !important
}

.katal .text-capitalize {
    text-transform: capitalize !important
}

.katal .text-weight-normal {
    font-weight: 400
}

.katal .text-weight-bold {
    font-weight: 700
}

.katal .text-italic {
    font-style: italic
}

.katal .text-center {
    text-align: center !important
}

:not([dir]) .katal .text-left {
    text-align: left !important
}

:not([dir]) .katal .text-right,
[dir=rtl] .katal .text-left {
    text-align: right !important
}

[dir=rtl] .katal .text-right {
    text-align: left !important
}

.katal h1 {
    font-size: 1.5rem;
    line-height: 40px
}

.katal h2 {
    font-size: 1.25rem;
    line-height: 20px
}

.katal h3 {
    font-size: 1.125rem;
    line-height: 20px
}

.katal h4 {
    font-size: 1rem;
    line-height: 20px
}

.katal h5,
.katal h6 {
    font-size: .875rem;
    line-height: 20px
}

.katal h1,
.katal h2,
.katal h3,
.katal h4,
.katal h5,
.katal h6 {
    font-family: Amazon Ember, Arial, sans-serif;
    font-weight: 400
}

.katal h2,
.katal h3,
.katal h5 {
    font-weight: 700
}

.katal .text-size-xs {
    font-size: .7rem !important;
    line-height: 13px !important
}

.katal .text-size-sm,
.katal .text-size-xs {
    font-family: Amazon Ember, Arial, sans-serif !important
}

.katal .text-size-sm {
    font-size: .75rem !important;
    line-height: 15px !important
}

.katal .text-size-base {
    font-size: .8125rem !important;
    line-height: 18px !important
}

.katal .text-size-base,
.katal .text-size-md {
    font-family: Amazon Ember, Arial, sans-serif !important
}

.katal .text-size-md {
    font-size: 1rem !important;
    line-height: 24px !important
}

.katal .text-size-lg {
    font-size: 1.44rem !important;
    line-height: 29px !important
}

.katal .text-size-lg,
.katal .text-size-xl {
    font-family: Amazon Ember, Arial, sans-serif !important
}

.katal .text-size-xl {
    font-size: 1.73rem !important;
    line-height: 35px !important
}

.katal .text-size-special {
    font-family: Amazon Ember, Arial, sans-serif !important;
    font-size: 2.75rem !important;
    font-weight: 100;
    line-height: 50px !important
}

.katal .text-nordic {
    color: #002f36 !important
}

.katal .text-eastern {
    color: #008296 !important
}

.katal .text-mystic {
    color: #7fc2bb !important
}

.katal .text-bondi {
    color: #00a4b4 !important
}

.katal .text-fiji {
    color: #538000 !important
}

.katal .text-persimmon {
    color: #ff8f00 !important
}

.katal .text-submarine {
    color: #879596 !important
}

.katal .text-casper {
    color: #aab7b8 !important
}

.katal .text-athens {
    color: #d5dbdb !important
}

.katal .text-seattle {
    color: #ebeeef !important
}

.katal .text-zircon {
    color: #e3eced !important
}

.katal .text-azure {
    color: #f5f9fa !important
}

.katal .text-snow {
    color: #fafafa !important
}

.katal .text-white {
    color: #fff !important
}

.katal .text-lagoon {
    color: #006878 !important
}

.katal .text-quicksilver {
    color: #757575 !important
}

.katal .text-junglemist {
    color: #b6d0d3 !important
}

.katal .text-crimson {
    color: #cc0c39 !important
}

.katal .text-golden {
    color: #ffc400 !important
}

.katal .text-bloodorange {
    color: #e02d00 !important
}

.katal .text-night {
    color: #333 !important
}

.katal .text-tarpon {
    color: #667575 !important
}

.katal .text-primary {
    color: #002f36 !important
}

.katal .text-secondary {
    color: #667575 !important
}

.katal .text-success {
    color: #538000 !important
}

.katal .text-info {
    color: #002f36 !important
}

.katal .text-warning {
    color: #ffc400 !important
}

.katal .text-danger {
    color: #cc0c39 !important
}

.katal .text-inverse {
    color: #fff !important
}

.katal .text-disabled,
.katal .text-placeholder {
    color: #667575 !important
}

.katal.SP_SERVICES_706592_T1 .text-nordic,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-nordic,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-nordic,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-nordic,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-nordic,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-nordic,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-nordic {
    color: #232f3e !important
}

.katal.SP_SERVICES_706592_T1 .text-eastern,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-eastern,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-eastern,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-eastern,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-eastern,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-eastern,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-eastern {
    color: #138296 !important
}

.katal.SP_SERVICES_706592_T1 .text-mystic,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-mystic,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-mystic,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-mystic,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-mystic,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-mystic,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-mystic {
    color: #74c6d2 !important
}

.katal.SP_SERVICES_706592_T1 .text-bondi,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-bondi,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-bondi,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-bondi,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-bondi,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-bondi,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-bondi {
    color: #28a5b8 !important
}

.katal.SP_SERVICES_706592_T1 .text-fiji,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-fiji,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-fiji,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-fiji,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-fiji,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-fiji,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-fiji {
    color: #49850f !important
}

.katal.SP_SERVICES_706592_T1 .text-persimmon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-persimmon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-persimmon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-persimmon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-persimmon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-persimmon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-persimmon {
    color: #f90 !important
}

.katal.SP_SERVICES_706592_T1 .text-submarine,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-submarine,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-submarine,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-submarine,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-submarine,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-submarine,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-submarine {
    color: #868d95 !important
}

.katal.SP_SERVICES_706592_T1 .text-casper,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-casper,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-casper,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-casper,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-casper,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-casper,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-casper {
    color: #bdc0c5 !important
}

.katal.SP_SERVICES_706592_T1 .text-athens,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-athens,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-athens,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-athens,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-athens,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-athens,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-athens {
    color: #d3d5d8 !important
}

.katal.SP_SERVICES_706592_T1 .text-seattle,
.katal.SP_SERVICES_706592_T1 .text-zircon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-seattle,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-zircon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-seattle,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-zircon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-seattle,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-zircon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-seattle,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-zircon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-seattle,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-zircon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-seattle,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-zircon {
    color: #ebeced !important
}

.katal.SP_SERVICES_706592_T1 .text-azure,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-azure,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-azure,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-azure,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-azure,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-azure,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-azure {
    color: #ebf7ff !important
}

.katal.SP_SERVICES_706592_T1 .text-snow,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-snow,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-snow,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-snow,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-snow,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-snow,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-snow {
    color: #f7f7f8 !important
}

.katal.SP_SERVICES_706592_T1 .text-white,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-white,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-white,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-white,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-white,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-white,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-white {
    color: #fff !important
}

.katal.SP_SERVICES_706592_T1 .text-lagoon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-lagoon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-lagoon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-lagoon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-lagoon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-lagoon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-lagoon {
    color: #005f6e !important
}

.katal.SP_SERVICES_706592_T1 .text-quicksilver,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-quicksilver,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-quicksilver,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-quicksilver,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-quicksilver,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-quicksilver,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-quicksilver {
    color: #868d95 !important
}

.katal.SP_SERVICES_706592_T1 .text-junglemist,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-junglemist,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-junglemist,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-junglemist,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-junglemist,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-junglemist,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-junglemist {
    color: #d3d5d8 !important
}

.katal.SP_SERVICES_706592_T1 .text-crimson,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-crimson,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-crimson,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-crimson,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-crimson,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-crimson,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-crimson {
    color: #e32e00 !important
}

.katal.SP_SERVICES_706592_T1 .text-golden,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-golden,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-golden,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-golden,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-golden,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-golden,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-golden {
    color: #ffc400 !important
}

.katal.SP_SERVICES_706592_T1 .text-bloodorange,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-bloodorange,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-bloodorange,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-bloodorange,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-bloodorange,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-bloodorange,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-bloodorange {
    color: #e32e00 !important
}

.katal.SP_SERVICES_706592_T1 .text-night,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-night,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-night,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-night,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-night,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-night,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-night {
    color: rgba(9, 10, 13, .8) !important
}

.katal.SP_SERVICES_706592_T1 .text-tarpon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-tarpon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-tarpon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-tarpon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-tarpon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-tarpon,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-tarpon {
    color: #5e6a78 !important
}

.katal.SP_SERVICES_706592_T1 .text-primary,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-primary,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-primary,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-primary,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-primary,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-primary,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-primary {
    color: #232f3e !important
}

.katal.SP_SERVICES_706592_T1 .text-secondary,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-secondary,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-secondary,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-secondary,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-secondary,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-secondary,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-secondary {
    color: #5e6a78 !important
}

.katal.SP_SERVICES_706592_T1 .text-success,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-success,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-success,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-success,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-success,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-success,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-success {
    color: #49850f !important
}

.katal.SP_SERVICES_706592_T1 .text-info,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-info,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-info,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-info,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-info,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-info,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-info {
    color: #232f3e !important
}

.katal.SP_SERVICES_706592_T1 .text-warning,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-warning,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-warning,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-warning,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-warning,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-warning,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-warning {
    color: #ffc400 !important
}

.katal.SP_SERVICES_706592_T1 .text-danger,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-danger,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-danger,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-danger,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-danger,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-danger,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-danger {
    color: #e32e00 !important
}

.katal.SP_SERVICES_706592_T1 .text-inverse,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-inverse,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-inverse,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-inverse,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-inverse,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-inverse,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-inverse {
    color: #fff !important
}

.katal.SP_SERVICES_706592_T1 .text-disabled,
.katal.SP_SERVICES_706592_T1 .text-placeholder,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-disabled,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 .text-placeholder,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-disabled,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 .text-placeholder,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-disabled,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 .text-placeholder,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-disabled,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 .text-placeholder,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-disabled,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 .text-placeholder,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-disabled,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 .text-placeholder {
    color: #5e6a78 !important
}

.katal.SP_SERVICES_706592_T1 h1,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 h1,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 h1,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 h1,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 h1,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 h1,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 h1 {
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -.1px;
    line-height: 1.111
}

.katal.SP_SERVICES_706592_T1 h2,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 h2,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 h2,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 h2,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 h2,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 h2,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 h2 {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -.1px;
    line-height: 1.143
}

.katal.SP_SERVICES_706592_T1 h3,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 h3,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 h3,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 h3,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 h3,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 h3,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 h3 {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -.1px;
    line-height: 1.167
}

.katal.SP_SERVICES_706592_T1 h4,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 h4,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 h4,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 h4,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 h4,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 h4,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 h4 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.1px;
    line-height: 1.2
}

.katal.SP_SERVICES_706592_T1 h5,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 h5,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 h5,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 h5,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 h5,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 h5,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 h5 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25
}

.katal.SP_SERVICES_706592_T1 h6,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_0 h6,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_2 h6,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_3 h6,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_4 h6,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_5 h6,
.katal.WEBLAB_PLACEHOLDER_NAME_GROUP_6 h6 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.429
}

.katal kat-input-group kat-label.form-label {
    display: none
}

// @font-face {
//     font-display: optional;
//     font-family: Amazon Ember;
//     font-weight: 200;
//     src: url(https://d1uznvntk80v7s.cloudfront.net/fonts/AmazonEmber_W_Lt.woff2) format("woff2"), url(https://d1uznvntk80v7s.cloudfront.net/fonts/AmazonEmber_W_Lt.woff) format("woff")
// }

// @font-face {
//     font-display: optional;
//     font-family: Amazon Ember;
//     font-weight: 400;
//     src: url(https://d1uznvntk80v7s.cloudfront.net/fonts/AmazonEmber_W_Rg.woff2) format("woff2"), url(https://d1uznvntk80v7s.cloudfront.net/fonts/AmazonEmber_W_Rg.woff) format("woff")
// }

// @font-face {
//     font-display: optional;
//     font-family: Amazon Ember;
//     font-weight: 500;
//     src: url(https://d1uznvntk80v7s.cloudfront.net/fonts/AmazonEmber_W_SBd.woff2) format("woff2"), url(https://d1uznvntk80v7s.cloudfront.net/fonts/AmazonEmber_W_SBd.woff) format("woff")
// }

// @font-face {
//     font-display: optional;
//     font-family: Amazon Ember;
//     font-weight: 700;
//     src: url(https://d1uznvntk80v7s.cloudfront.net/fonts/AmazonEmber_W_Bd.woff2) format("woff2"), url(https://d1uznvntk80v7s.cloudfront.net/fonts/AmazonEmber_W_Bd.woff) format("woff")
// }

// @font-face {
//     font-display: optional;
//     font-family: Amazon Ember Mono;
//     font-weight: 200;
//     src: url(https://d1uznvntk80v7s.cloudfront.net/fonts/AmazonEmberMono_W_Bd.woff2) format("woff2"), url(https://d1uznvntk80v7s.cloudfront.net/fonts/AmazonEmberMono_W_Bd.woff) format("woff")
// }

// @font-face {
//     font-display: block;
//     font-family: KatalFloIcons;
//     font-style: normal;
//     font-weight: 400;
//     src: url(https://d1uznvntk80v7s.cloudfront.net/fonts/KatalFloIconFont.woff2) format("woff2"), url(https://d1uznvntk80v7s.cloudfront.net/fonts/KatalFloIconFont.woff) format("woff")
// }




@font-face {
            // font-display: optional;
            font-display: block;
    font-family: Amazon Ember;
    font-weight: 200;
    src: url(@/assets/fonts/hh/AmazonEmber_W_Lt.woff2) format("woff2"), url(@/assets/fonts/hh/AmazonEmber_W_Lt.woff) format("woff")
}

@font-face {
            // font-display: optional;
            font-display: block;
    font-family: Amazon Ember;
    font-weight: 400;
    src: url(@/assets/fonts/hh/AmazonEmber_W_Rg.woff2) format("woff2"), url(@/assets/fonts/hh/AmazonEmber_W_Rg.woff) format("woff")
}

@font-face {
            // font-display: optional;
            font-display: block;
    font-family: Amazon Ember;
    font-weight: 500;
    src: url(@/assets/fonts/hh/AmazonEmber_W_SBd.woff2) format("woff2"), url(@/assets/fonts/hh/AmazonEmber_W_SBd.woff) format("woff")
}

@font-face {
        // font-display: optional;
        font-display: block;
    font-family: Amazon Ember;
    font-weight: 700;
    src: url(@/assets/fonts/hh/AmazonEmber_W_Bd.woff2) format("woff2"), url(@/assets/fonts/hh/AmazonEmber_W_Bd.woff) format("woff")
}

@font-face {
    // font-display: optional;
    font-display: block;


    font-family: Amazon Ember Mono;
    font-weight: 200;
    src: url(@/assets/fonts/hh/AmazonEmberMono_W_Bd.woff2) format("woff2"), url(@/assets/fonts/hh/AmazonEmberMono_W_Bd.woff) format("woff")
}

@font-face {
    font-display: block;
    font-family: KatalFloIcons;
    font-style: normal;
    font-weight: 400;
    src: url(@/assets/fonts/hh/KatalFloIconFont.woff2) format("woff2"), url(@/assets/fonts/hh/KatalFloIconFont.woff) format("woff")
}

.katal .kat-spacing-group>:last-child {
    --vertical-rhythm: 0
}

:root {
    --kat-badge-letter-spacing: 0.06px;
    --kat-badge-white-space: nowrap;
    --kat-badge-background: #002f36;
    --kat-badge-border-radius: 2rem;
    --kat-badge-color: #fff;
    --kat-badge-padding: 0.25rem var(--kat-padding-small)
}

.katal kat-badge[variant=angled] {
    --kat-badge-padding: 0.3rem 0.5rem 0.3rem;
    --kat-badge-border-radius: 0px;
    height: 1.5625rem
}

.katal kat-badge[variant=angled]::part(label) {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, .625rem 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, .625rem 100%)
}

:not([dir]) .katal kat-badge[variant=angled]::part(label) {
    padding-left: .13rem
}

[dir=rtl] .katal kat-badge[variant=angled]::part(label) {
    padding-right: .13rem
}

.katal kat-badge[type=info] {
    --kat-badge-background: var(--kat-background-cta)
}

:not([dir]) .katal kat-badge[type=info][variant=angled]:before {
    border-color: transparent var(--kat-background-cta) transparent transparent
}

[dir=rtl] .katal kat-badge[type=info][variant=angled]:before {
    border-color: transparent transparent transparent var(--kat-background-cta)
}

.katal kat-badge[type=success] {
    --kat-badge-background: #538000
}

:not([dir]) .katal kat-badge[type=success][variant=angled]:before {
    border-color: transparent #538000 transparent transparent
}

[dir=rtl] .katal kat-badge[type=success][variant=angled]:before {
    border-color: transparent transparent transparent #538000
}

.katal kat-badge[type=warning] {
    --kat-badge-background: #e02d00
}

:not([dir]) .katal kat-badge[type=warning][variant=angled]:before {
    border-color: transparent #e02d00 transparent transparent
}

[dir=rtl] .katal kat-badge[type=warning][variant=angled]:before {
    border-color: transparent transparent transparent #e02d00
}

.katal kat-badge[type=danger] {
    --kat-badge-background: #cf2900
}

:not([dir]) .katal kat-badge[type=danger][variant=angled]:before {
    border-color: transparent #cf2900 transparent transparent
}

[dir=rtl] .katal kat-badge[type=danger][variant=angled]:before {
    border-color: transparent transparent transparent #cf2900
}

.katal kat-badge[type=tag] {
    --kat-badge-color: #002f36;
    --kat-badge-border-radius: 2rem;
    background-color: #dfdbdb;
    border-radius: 2rem;
    padding: 1px
}

.katal kat-badge[type=tag]::part(label) {
    background-color: #fafafa
}

.katal kat-badge[type=tag][variant=angled] {
    --kat-badge-border-radius: 0;
    border-radius: 0;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, .625rem 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, .625rem 100%)
}

.katal kat-badge[type=tag][variant=angled][dir=rtl] {
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - .625rem) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - .625rem) 100%, 0 100%)
}

.katal kat-badge[variant=angled][dir=rtl] {
    --kat-badge-padding: 0.3rem 0 0.3rem 0.5rem;
    --kat-badge-border-radius: 0px;
    height: 1.5625rem
}

.katal kat-badge[variant=angled][dir=rtl]::part(label) {
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - .625rem) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - .625rem) 100%, 0 100%);
    padding-right: calc(.13rem + var(--kat-padding-small))
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-badge[type=default] {
    --kat-badge-background: var(--kat-background-status-default)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-badge[type=info] {
    --kat-badge-background: var(--kat-background-status-info)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-badge[type=warning] {
    --kat-badge-background: var(--kat-background-status-warning)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-badge[type=success] {
    --kat-badge-background: var(--kat-background-status-success)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-badge[type=danger] {
    --kat-badge-background: var(--kat-background-status-danger)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-badge[type=tag] {
    --kat-badge-background: var(--kat-background-status-tag);
    background-color: var(--kat-border-status-tag)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-badge[type=tag],
:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-badge[type=warning] {
    --kat-badge-color: var(--kat-squid-ink-700)
}

.katal kat-icon[size=tiny] {
    --kat-icon-size: var(--kat-icon-size-xsmall)
}

.SP_SERVICES_706592_T1 {
    --kat-icon-flag-outline: var(--kat-border-radius-xxsmall) solid var(--kat-border-container);
    --kat-icon-size-xxsmall: 8px;
    --kat-icon-size-xsmall: 16px;
    --kat-icon-size-small: 20px;
    --kat-icon-size-medium: 24px;
    --kat-icon-size-large: 32px;
    --kat-icon-size-xlarge: 48px;
    --kat-icon-size-xxlarge: 72px
}

:root {
    --kat-accordion-background: #fff;
    --kat-accordion-border-color: #879596;
    --kat-accordion-item-content-background: #e3eced;
    --kat-accordion-item-indicator-height: var(--kat-padding-small);
    --kat-accordion-item-indicator-width: 0.3125rem;
    --kat-accordion-item-indicator-margin: 0 0 0 0.875rem;
    --kat-accordion-item-badge-max-width: 150px;
    --kat-accordion-item-header-padding: var(--kat-padding-small) var(--kat-padding-medium);
    --kat-accordion-item-content-padding: var(--kat-padding-medium)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 {
    --kat-accordion-background: var(--kat-white);
    --kat-accordion-border-color: var(--kat-white-transparent);
    --kat-accordion-color: var(--kat-text-primary);
    --kat-accordion-item-border-color: var(--kat-border-container) var(--kat-white-transparent) var(--kat-white-transparent);
    --kat-accordion-item-border-width: var(--kat-border-width-xxsmall) 0 0;
    --kat-accordion-item-header-background-hover: var(--kat-background-container-header-hover);
    --kat-accordion-item-header-border-width: 0;
    --kat-accordion-item-header-color-hover: var(--kat-text-primary);
    --kat-accordion-item-header-focus-ring-color: var(--kat-border-control-focus);
    --kat-accordion-item-header-padding: var(--kat-space-03);
    --kat-accordion-item-label-font-size: var(--kat-body-200-dense-font-size);
    --kat-accordion-item-label-font-weight: var(--kat-body-200-dense-font-weight);
    --kat-accordion-item-label-line-height: var(--kat-body-200-dense-line-height);
    --kat-accordion-item-indicator-color-hover: var(--kat-text-link);
    --kat-accordion-item-indicator-size: var(--kat-icon-size-small);
    --kat-accordion-item-indicator-transform: none;
    --kat-accordion-item-indicator-transform-expanded: none;
    --kat-accordion-item-separator-background: var(--kat-white);
    --kat-accordion-item-content-background: var(--kat-white);
    --kat-accordion-item-content-border-color: var(--kat-white);
    --kat-accordion-item-content-padding: var(--kat-space-03) var(--kat-space-03) 0;
    --kat-accordion-item-content-font-size: var(--kat-body-200-font-size);
    --kat-accordion-item-content-font-weight: var(--kat-body-200-font-weight);
    --kat-accordion-item-content-line-height: var(--kat-body-200-line-height)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-accordion-item kat-accordion {
    --kat-accordion-margin: 0 calc(var(--kat-space-03)*-1 + var(--kat-space-01)*-1) 0 0
}

:root {
    --kat-alert-font-size: 0.875rem;
    --kat-alert-header-font-size: 0.875rem;
    --kat-alert-description-font-size: 0.875rem
}

.katal kat-alert[variant=success] {
    --kat-alert-background: #edf2e5;
    --kat-alert-icon-color: #538000
}

.katal kat-alert[variant=warning] {
    --kat-alert-background: #fff5d1;
    --kat-alert-icon-color: #ffc400
}

.katal kat-alert[variant=danger] {
    --kat-alert-background: #faeaea;
    --kat-alert-icon-color: #cc0c39
}

.katal kat-alert[size=small] {
    --kat-alert-padding: var(--kat-padding-xlarge) var(--kat-padding-xlarge) var(--kat-padding-xlarge) 1.5rem;
    --kat-alert-icon-size: var(--kat-icon-size-small)
}

.katal kat-alert[size=large] {
    --kat-alert-padding: var(--kat-padding-xlarge) var(--kat-padding-xlarge) 1.5rem 1.5rem;
    --kat-alert-icon-margin: 0 0.75rem 0 0
}

.katal kat-alert[size=small][dir=rtl] {
    --kat-alert-padding: var(--kat-padding-xlarge) 1.5rem var(--kat-padding-xlarge) var(--kat-padding-xlarge)
}

.katal kat-alert[size=large][dir=rtl] {
    --kat-alert-padding: var(--kat-padding-xlarge) 1.5rem var(--kat-padding-xlarge) 1.5rem;
    --kat-alert-icon-margin: 0 0 0 0.75rem
}

.katal kat-alert [slot=cta] {
    --kat-link-color: var(--kat-font-color-primary-dark);
    --kat-link-color-hover: var(--kat-font-color-primary-dark);
    --kat-link-color-visited: var(--kat-font-color-primary-dark);
    --kat-link-color-active: var(--kat-font-color-primary-dark)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-alert {
    --kat-alert-border-radius: 0;
    --kat-alert-border-width: 0 0 0 var(--kat-space-02);
    --kat-alert-padding: var(--kat-space-05);
    --kat-alert-cta-margin: 0 var(--kat-space-05);
    --kat-alert-font-size: var(--kat-body-200-dense-font-size);
    --kat-alert-font-weight: var(--kat-body-200-dense-font-weight);
    --kat-alert-line-height: var(--kat-body-200-dense-line-height);
    --kat-alert-letter-spacing: var(--kat-body-200-letter-spacing);
    --kat-alert-header-font-size: var(--kat-heading-100-font-size);
    --kat-alert-header-font-weight: var(--kat-heading-100-font-weight);
    --kat-alert-header-line-height: var(--kat-heading-100-line-height);
    --kat-alert-header-letter-spacing: var(--kat-heading-100-letter-spacing);
    --kat-alert-content-gap: var(--kat-space-02);
    --kat-alert-description-font-size: var(--kat-body-200-font-size);
    --kat-alert-description-font-weight: var(--kat-body-200-font-weight);
    --kat-alert-description-line-height: var(--kat-body-200-line-height);
    --kat-alert-description-letter-spacing: var(--kat-body-200-letter-spacing);
    --kat-alert-icon-margin: 0 var(--kat-space-05) 0 0;
    --kat-alert-icon-size: var(--kat-icon-size-small)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-alert[variant=info] {
    --kat-alert-background: var(--kat-background-message-info);
    --kat-alert-border-color: var(--kat-border-message-info);
    --kat-alert-icon-color: var(--kat-border-message-info)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-alert[variant=danger] {
    --kat-alert-background: var(--kat-background-message-danger);
    --kat-alert-border-color: var(--kat-border-message-danger);
    --kat-alert-icon-color: var(--kat-border-message-danger)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-alert[variant=success] {
    --kat-alert-background: var(--kat-background-message-success);
    --kat-alert-border-color: var(--kat-border-message-success);
    --kat-alert-icon-color: var(--kat-border-message-success)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-alert[variant=warning] {
    --kat-alert-background: var(--kat-background-message-warning);
    --kat-alert-border-color: var(--kat-border-message-warning);
    --kat-alert-icon-color: var(--kat-border-message-warning)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-alert[dir=rtl] {
    --kat-alert-icon-margin: 0 0 0 var(--kat-space-05)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-alert [slot=cta] {
    --kat-link-color: var(--kat-aqua-500);
    --kat-link-color-hover: var(--kat-aqua-500);
    --kat-link-color-visited: var(--kat-aqua-500);
    --kat-link-color-active: var(--kat-aqua-500)
}

.katal kat-box[variant=ltgrey] {
    --kat-box-background: #fafafa
}

.katal kat-box[variant=azure] {
    --kat-box-background: #f5f9fa
}

.katal kat-box[variant=mojito] {
    --kat-box-background: #f1f6f0
}

.katal kat-box[variant=zircon] {
    --kat-box-background: #e3eced
}

.katal kat-box[variant=white] {
    --kat-box-background: #fff;
    --kat-box-border-width: 1px;
    --kat-box-border-color: #d5dbdb
}

.katal kat-box[variant=white-junglemist] {
    --kat-box-background: #b6d0d3
}

.katal kat-box[variant=nordic] {
    --kat-box-background: #002f36;
    --kat-box-color: #fff
}

.katal kat-box[variant=white-shadow] {
    --kat-box-background: #fff;
    --kat-box-border-width: 1px;
    --kat-box-border-color: #e3eced;
    --kat-box-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.SP_SERVICES_706592_T1 kat-box[variant=ltgrey] {
    --kat-box-background: var(--kat-squid-ink-50)
}

.SP_SERVICES_706592_T1 kat-box[variant=azure] {
    --kat-box-background: var(--kat-blue-50)
}

.SP_SERVICES_706592_T1 kat-box[variant=mojito] {
    --kat-box-background: var(--kat-green-50)
}

.SP_SERVICES_706592_T1 kat-box[variant=zircon] {
    --kat-box-background: var(--kat-squid-ink-50)
}

.SP_SERVICES_706592_T1 kat-box[variant=white] {
    --kat-box-background: var(--kat-white);
    --kat-box-border-width: var(--kat-border-width-xxsmall);
    --kat-box-border-color: var(--kat-border-container)
}

.SP_SERVICES_706592_T1 kat-box[variant=white-junglemist] {
    --kat-box-background: var(--kat-squid-ink-200)
}

.SP_SERVICES_706592_T1 kat-box[variant=nordic] {
    --kat-box-background: var(--kat-squid-ink-700);
    --kat-box-color: var(--kat-font-color-secondary-light)
}

.SP_SERVICES_706592_T1 kat-box[variant=white-shadow] {
    --kat-box-background: var(--kat-white);
    --kat-box-border-width: var(--kat-border-width-xxsmall);
    --kat-box-border-color: var(--kat-squid-ink-100);
    --kat-box-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

:root {
    --kat-link-line-height: 1.4
}

.SP_SERVICES_706592_T1 kat-link {
    --kat-link-color: var(--kat-text-link);
    --kat-link-color-hover: var(--kat-text-link);
    --kat-link-focus-ring-color: var(--kat-text-link)
}

.SP_SERVICES_706592_T1 kat-link[variant=button] {
    --kat-link-color: var(--kat-text-primary)
}

.SP_SERVICES_706592_T1 kat-link[variant=button]:focus,
.SP_SERVICES_706592_T1 kat-link[variant=button]:hover {
    --kat-link-background: var(--kat-squid-ink-100);
    --kat-link-box-shadow: 0 1px 2px 0 var(--kat-green-50)
}

:root {
    --kat-breadcrumb-item-separator-color: var(--kat-font-color-secondary-dark);
    --kat-breadcrumb-item-separator-size: 1.25rem;
    --kat-breadcrumb-item-separator-padding: 2px 2px 0
}

.katal kat-spinner[size=small] {
    --kat-spinner-size: 32px
}

.katal kat-spinner[variant=inverted] {
    --kat-spinner-color: #fff
}

:root {
    --kat-button-box-shadow: 0 1px 2px 0 #b5b5b5;
    --kat-button-border-radius: 0.1rem;
    --kat-button-font-size: var(--kat-font-size-medium);
    --kat-button-letter-spacing: 0.003rem;
    --kat-button-text-align: left;
    --kat-button-border-width: var(--kat-border-width-xxsmall);
    --kat-button-background: var(--kat-background-cta);
    --kat-button-border-color: var(--background);
    --kat-button-color: #fff;
    --kat-button-padding: var(--kat-padding-small) 1.5rem;
    --kat-button-line-height: 1.25;
    --kat-button-background-disabled: #879596;
    --kat-button-border-color-disabled: #879596;
    --kat-button-color-disabled: #fff;
    --kat-button-border-color-loading: var(--border-color-disabled);
    --kat-button-color-loading: var(--color-disabled);
    --kat-button-background-hover: #006878;
    --kat-button-hover-ring-color: #006878;
    --kat-button-hover-ring-radius: var(--kat-button-border-radius);
    --kat-button-background-active: #006878;
    --kat-button-border-color-active: #006878;
    --kat-button-border-color-hover: #006878
}

.katal kat-button[size=small] {
    --kat-button-font-size: 0.7rem;
    --kat-button-line-height: 0.7rem;
    --kat-button-padding: var(--kat-padding-small)
}

.katal kat-button[variant=primary] {
    --kat-button-focus-ring-color: #002f36
}

.katal kat-button[variant=secondary] {
    --kat-button-background: #e3eced;
    --kat-button-border-color: #e3eced;
    --kat-button-color: var(--kat-font-color-primary-dark);
    --kat-button-background-hover: #b6d0d3;
    --kat-button-hover-ring-color: #b6d0d3;
    --kat-button-color-hover: var(--kat-font-color-primary-dark);
    --kat-button-background-disabled: #f5f9fa;
    --kat-button-border-color-disabled: #f5f9fa;
    --kat-button-color-disabled: #757575;
    --kat-button-hover-ring-radius: var(--kat-button-border-radius);
    --kat-button-background-active: #b6d0d3;
    --kat-button-border-color-active: #b6d0d3;
    --kat-button-border-color-hover: #b6d0d3
}

.katal kat-button[variant=tertiary] {
    --kat-button-background: #fff;
    --kat-button-border-color: #7fc2bb;
    --kat-button-color: var(--kat-font-color-primary-dark);
    --kat-button-background-hover: #7fc2bb;
    --kat-button-hover-ring-color: #7fc2bb;
    --kat-button-color-hover: var(--color);
    --kat-button-background-disabled: #ebeeef;
    --kat-button-border-color-disabled: #757575;
    --kat-button-color-disabled: #757575;
    --kat-button-hover-ring-radius: var(--kat-button-border-radius);
    --kat-button-background-active: #7fc2bb;
    --kat-button-border-color-active: #7fc2bb;
    --kat-button-border-color-hover: #7fc2bb
}

.katal kat-button[variant=link] {
    --kat-button-background: #fff;
    --kat-button-border-color: transparent;
    --kat-button-color: var(--kat-font-color-primary-dark);
    --kat-button-background-hover: #e3eced;
    --kat-button-hover-ring-color: #e3eced;
    --kat-button-color-hover: var(--color);
    --kat-button-background-disabled: #ebeeef;
    --kat-button-border-color-disabled: #ebeeef;
    --kat-button-color-disabled: var(--color);
    --kat-button-hover-ring-radius: var(--kat-button-border-radius);
    --kat-button-background-active: #e3eced;
    --kat-button-border-color-active: #e3eced;
    --kat-button-border-color-hover: #e3eced
}

.katal kat-button[variant=link]:not(:hover) {
    --kat-button-box-shadow: none
}

.katal kat-button[variant=danger] {
    --kat-button-background: #cc0c39;
    --kat-button-border-color: #cc0c39;
    --kat-button-color: #fff;
    --kat-button-background-hover: #b20a32;
    --kat-button-hover-ring-color: #b20a32;
    --kat-button-color-hover: #fff;
    --kat-button-background-disabled: #879596;
    --kat-button-border-color-disabled: #879596;
    --kat-button-color-disabled: #fff;
    --kat-button-hover-ring-radius: var(--kat-button-border-radius);
    --kat-button-background-active: #b20a32;
    --kat-button-border-color-active: #b20a32;
    --kat-button-border-color-hover: #b20a32
}

.katal kat-button[variant=warning] {
    --kat-button-background: #ffc400;
    --kat-button-border-color: #ffc400;
    --kat-button-color: var(--kat-font-color-primary-dark);
    --kat-button-background-hover: #e6b000;
    --kat-button-hover-ring-color: #e6b000;
    --kat-button-color-hover: var(--color);
    --kat-button-background-disabled: #879596;
    --kat-button-border-color-disabled: #879596;
    --kat-button-color-disabled: #fff;
    --kat-button-hover-ring-radius: var(--kat-button-border-radius);
    --kat-button-background-active: #e6b000;
    --kat-button-border-color-active: #e6b000;
    --kat-button-border-color-hover: #e6b000
}

:root .SP_SERVICES_706592_T1 kat-button[variant=primary] {
    --kat-button-border-radius: var(--kat-border-radius-xsmall);
    --kat-button-border-width: var(--kat-border-width-small);
    --kat-button-font-size: var(--kat-body-200-dense-font-size);
    --kat-button-letter-spacing: var(--kat-body-200-dense-letter-spacing);
    --kat-button-line-height: var(--kat-body-200-dense-line-height);
    --kat-button-focus-ring-outlay: 0px;
    --kat-button-focus-ring-width: var(--kat-border-width-xxsmall);
    --kat-button-hover-ring-width: 0px;
    --kat-button-hover-ring-radius: 0px;
    --kat-button-box-shadow: none;
    --kat-button-padding: calc(var(--kat-space-03) - var(--kat-border-width-small)) calc(var(--kat-space-05) - var(--kat-border-width-small));
    --kat-button-background: var(--kat-background-button-primary-default);
    --kat-button-background-active: var(--kat-background-button-primary-active);
    --kat-button-background-disabled: var(--kat-background-button-primary-disabled);
    --kat-button-background-hover: var(--kat-background-button-primary-hover);
    --kat-button-border-color: var(--kat-border-button-primary-default);
    --kat-button-border-color-active: var(--kat-border-button-primary-active);
    --kat-button-border-color-disabled: var(--kat-border-button-primary-disabled);
    --kat-button-border-color-hover: var(--kat-border-button-primary-hover);
    --kat-button-focus-ring-color: var(--kat-label-button-primary);
    --kat-button-color: var(--kat-label-button-primary);
    --kat-button-color-hover: var(--kat-label-button-primary);
    --kat-button-color-disabled: var(--kat-label-button-primary-disabled)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=primary][size=small] {
    --kat-button-padding: calc(var(--kat-space-02) - var(--kat-border-width-small)) calc(var(--kat-space-03) - var(--kat-border-width-small));
    --kat-button-font-size: var(--kat-body-100-font-size);
    --kat-button-line-height: var(--kat-body-100-line-height)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=primary] [disabled] {
    --kat-button-border-width: var(--kat-border-width-xxsmall);
    --kat-button-focus-ring-color: var(--kat-border-button-primary-disabled);
    --kat-button-focus-ring-outlay: calc(0 - var(--kat-border-width-xxsmall))
}

:root .SP_SERVICES_706592_T1 kat-button[variant=primary]:not([disabled]):hover {
    --kat-button-box-shadow: 0 var(--kat-border-width-xxsmall) var(--kat-border-width-xsmall) 0 var(--kat-shadow-20)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=secondary] {
    --kat-button-border-radius: var(--kat-border-radius-xsmall);
    --kat-button-border-width: var(--kat-border-width-small);
    --kat-button-font-size: var(--kat-body-200-dense-font-size);
    --kat-button-letter-spacing: var(--kat-body-200-dense-letter-spacing);
    --kat-button-line-height: var(--kat-body-200-dense-line-height);
    --kat-button-focus-ring-outlay: 0px;
    --kat-button-focus-ring-width: var(--kat-border-width-xxsmall);
    --kat-button-hover-ring-width: 0px;
    --kat-button-hover-ring-radius: 0px;
    --kat-button-box-shadow: none;
    --kat-button-padding: calc(var(--kat-space-03) - var(--kat-border-width-small)) calc(var(--kat-space-05) - var(--kat-border-width-small));
    --kat-button-background: var(--kat-background-button-secondary-default);
    --kat-button-background-active: var(--kat-background-button-secondary-active);
    --kat-button-background-disabled: var(--kat-background-button-secondary-disabled);
    --kat-button-background-hover: var(--kat-background-button-secondary-hover);
    --kat-button-border-color: var(--kat-border-button-secondary-default);
    --kat-button-border-color-active: var(--kat-border-button-secondary-active);
    --kat-button-border-color-disabled: var(--kat-border-button-secondary-disabled);
    --kat-button-border-color-hover: var(--kat-border-button-secondary-hover);
    --kat-button-focus-ring-color: var(--kat-label-button-secondary);
    --kat-button-color: var(--kat-label-button-secondary);
    --kat-button-color-hover: var(--kat-label-button-secondary);
    --kat-button-color-disabled: var(--kat-label-button-secondary-disabled)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=secondary][size=small] {
    --kat-button-padding: calc(var(--kat-space-02) - var(--kat-border-width-small)) calc(var(--kat-space-03) - var(--kat-border-width-small));
    --kat-button-font-size: var(--kat-body-100-font-size);
    --kat-button-line-height: var(--kat-body-100-line-height)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=secondary] [disabled] {
    --kat-button-border-width: var(--kat-border-width-xxsmall);
    --kat-button-focus-ring-color: var(--kat-border-button-secondary-disabled);
    --kat-button-focus-ring-outlay: calc(0 - var(--kat-border-width-xxsmall))
}

:root .SP_SERVICES_706592_T1 kat-button[variant=secondary]:not([disabled]):hover {
    --kat-button-box-shadow: 0 var(--kat-border-width-xxsmall) var(--kat-border-width-xsmall) 0 var(--kat-shadow-20)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=tertiary] {
    --kat-button-border-radius: var(--kat-border-radius-xsmall);
    --kat-button-border-width: var(--kat-border-width-small);
    --kat-button-font-size: var(--kat-body-200-dense-font-size);
    --kat-button-letter-spacing: var(--kat-body-200-dense-letter-spacing);
    --kat-button-line-height: var(--kat-body-200-dense-line-height);
    --kat-button-focus-ring-outlay: 0px;
    --kat-button-focus-ring-width: var(--kat-border-width-xxsmall);
    --kat-button-hover-ring-width: 0px;
    --kat-button-hover-ring-radius: 0px;
    --kat-button-box-shadow: none;
    --kat-button-padding: calc(var(--kat-space-03) - var(--kat-border-width-xxsmall)) calc(var(--kat-space-05) - var(--kat-border-width-xxsmall));
    --kat-button-background: var(--kat-background-button-tertiary-default);
    --kat-button-background-active: var(--kat-background-button-tertiary-active);
    --kat-button-background-disabled: var(--kat-background-button-tertiary-disabled);
    --kat-button-background-hover: var(--kat-background-button-tertiary-hover);
    --kat-button-border-color: var(--kat-border-button-tertiary-default);
    --kat-button-border-color-active: var(--kat-border-button-tertiary-active);
    --kat-button-border-color-disabled: var(--kat-border-button-tertiary-disabled);
    --kat-button-border-color-hover: var(--kat-border-button-tertiary-hover);
    --kat-button-focus-ring-color: var(--kat-label-button-tertiary);
    --kat-button-color: var(--kat-label-button-tertiary);
    --kat-button-color-hover: var(--kat-label-button-tertiary);
    --kat-button-color-disabled: var(--kat-label-button-tertiary-disabled)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=tertiary][size=small] {
    --kat-button-padding: calc(var(--kat-space-02) - var(--kat-border-width-xxsmall)) calc(var(--kat-space-03) - var(--kat-border-width-small));
    --kat-button-font-size: var(--kat-body-100-font-size);
    --kat-button-line-height: var(--kat-body-100-line-height)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=tertiary] [disabled] {
    --kat-button-border-width: var(--kat-border-width-xxsmall);
    --kat-button-focus-ring-color: var(--kat-border-button-tertiary-disabled);
    --kat-button-focus-ring-outlay: calc(0 - var(--kat-border-width-xxsmall))
}

:root .SP_SERVICES_706592_T1 kat-button[variant=tertiary]:not([disabled]):hover {
    --kat-button-box-shadow: 0 var(--kat-border-width-xxsmall) var(--kat-border-width-xsmall) 0 var(--kat-shadow-20)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=warning] {
    --kat-button-border-radius: var(--kat-border-radius-xsmall);
    --kat-button-border-width: var(--kat-border-width-small);
    --kat-button-font-size: var(--kat-body-200-dense-font-size);
    --kat-button-letter-spacing: var(--kat-body-200-dense-letter-spacing);
    --kat-button-line-height: var(--kat-body-200-dense-line-height);
    --kat-button-focus-ring-outlay: 0px;
    --kat-button-focus-ring-width: var(--kat-border-width-xxsmall);
    --kat-button-hover-ring-width: 0px;
    --kat-button-hover-ring-radius: 0px;
    --kat-button-box-shadow: none;
    --kat-button-padding: calc(var(--kat-space-03) - var(--kat-border-width-small)) calc(var(--kat-space-05) - var(--kat-border-width-small));
    --kat-button-background: var(--kat-background-button-warning-default);
    --kat-button-background-active: var(--kat-background-button-warning-active);
    --kat-button-background-disabled: var(--kat-background-button-warning-disabled);
    --kat-button-background-hover: var(--kat-background-button-warning-hover);
    --kat-button-border-color: var(--kat-border-button-warning-default);
    --kat-button-border-color-active: var(--kat-border-button-warning-active);
    --kat-button-border-color-disabled: var(--kat-border-button-warning-disabled);
    --kat-button-border-color-hover: var(--kat-border-button-warning-hover);
    --kat-button-focus-ring-color: var(--kat-label-button-warning);
    --kat-button-color: var(--kat-label-button-warning);
    --kat-button-color-hover: var(--kat-label-button-warning);
    --kat-button-color-disabled: var(--kat-label-button-warning-disabled)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=warning][size=small] {
    --kat-button-padding: calc(var(--kat-space-02) - var(--kat-border-width-small)) calc(var(--kat-space-03) - var(--kat-border-width-small));
    --kat-button-font-size: var(--kat-body-100-font-size);
    --kat-button-line-height: var(--kat-body-100-line-height)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=warning] [disabled] {
    --kat-button-border-width: var(--kat-border-width-xxsmall);
    --kat-button-focus-ring-color: var(--kat-border-button-warning-disabled);
    --kat-button-focus-ring-outlay: calc(0 - var(--kat-border-width-xxsmall))
}

:root .SP_SERVICES_706592_T1 kat-button[variant=warning]:not([disabled]):hover {
    --kat-button-box-shadow: 0 var(--kat-border-width-xxsmall) var(--kat-border-width-xsmall) 0 var(--kat-shadow-20)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=danger] {
    --kat-button-border-radius: var(--kat-border-radius-xsmall);
    --kat-button-border-width: var(--kat-border-width-small);
    --kat-button-font-size: var(--kat-body-200-dense-font-size);
    --kat-button-letter-spacing: var(--kat-body-200-dense-letter-spacing);
    --kat-button-line-height: var(--kat-body-200-dense-line-height);
    --kat-button-focus-ring-outlay: 0px;
    --kat-button-focus-ring-width: var(--kat-border-width-xxsmall);
    --kat-button-hover-ring-width: 0px;
    --kat-button-hover-ring-radius: 0px;
    --kat-button-box-shadow: none;
    --kat-button-padding: calc(var(--kat-space-03) - var(--kat-border-width-small)) calc(var(--kat-space-05) - var(--kat-border-width-small));
    --kat-button-background: var(--kat-background-button-danger-default);
    --kat-button-background-active: var(--kat-background-button-danger-active);
    --kat-button-background-disabled: var(--kat-background-button-danger-disabled);
    --kat-button-background-hover: var(--kat-background-button-danger-hover);
    --kat-button-border-color: var(--kat-border-button-danger-default);
    --kat-button-border-color-active: var(--kat-border-button-danger-active);
    --kat-button-border-color-disabled: var(--kat-border-button-danger-disabled);
    --kat-button-border-color-hover: var(--kat-border-button-danger-hover);
    --kat-button-focus-ring-color: var(--kat-label-button-danger);
    --kat-button-color: var(--kat-label-button-danger);
    --kat-button-color-hover: var(--kat-label-button-danger);
    --kat-button-color-disabled: var(--kat-label-button-danger-disabled)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=danger][size=small] {
    --kat-button-padding: calc(var(--kat-space-02) - var(--kat-border-width-small)) calc(var(--kat-space-03) - var(--kat-border-width-small));
    --kat-button-font-size: var(--kat-body-100-font-size);
    --kat-button-line-height: var(--kat-body-100-line-height)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=danger] [disabled] {
    --kat-button-border-width: var(--kat-border-width-xxsmall);
    --kat-button-focus-ring-color: var(--kat-border-button-danger-disabled);
    --kat-button-focus-ring-outlay: calc(0 - var(--kat-border-width-xxsmall))
}

:root .SP_SERVICES_706592_T1 kat-button[variant=danger]:not([disabled]):hover {
    --kat-button-box-shadow: 0 var(--kat-border-width-xxsmall) var(--kat-border-width-xsmall) 0 var(--kat-shadow-20)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=link] {
    --kat-button-border-radius: var(--kat-border-radius-xsmall);
    --kat-button-border-width: var(--kat-border-width-small);
    --kat-button-font-size: var(--kat-body-200-dense-font-size);
    --kat-button-letter-spacing: var(--kat-body-200-dense-letter-spacing);
    --kat-button-line-height: var(--kat-body-200-dense-line-height);
    --kat-button-focus-ring-outlay: 0px;
    --kat-button-focus-ring-width: var(--kat-border-width-xxsmall);
    --kat-button-hover-ring-width: 0px;
    --kat-button-hover-ring-radius: 0px;
    --kat-button-box-shadow: none;
    --kat-button-padding: var(--kat-space-03) var(--kat-space-05);
    --kat-button-background: var(--kat-background-button-link-default);
    --kat-button-background-active: var(--kat-background-button-link-active);
    --kat-button-background-disabled: var(--kat-background-button-link-disabled);
    --kat-button-background-hover: var(--kat-background-button-link-hover);
    --kat-button-border-color: var(--kat-border-button-link-default);
    --kat-button-border-color-active: var(--kat-border-button-link-active);
    --kat-button-border-color-disabled: var(--kat-border-button-link-disabled);
    --kat-button-border-color-hover: var(--kat-border-button-link-hover);
    --kat-button-focus-ring-color: var(--kat-label-button-link);
    --kat-button-color: var(--kat-label-button-link);
    --kat-button-color-hover: var(--kat-label-button-link);
    --kat-button-color-disabled: var(--kat-label-button-link-disabled)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=link][size=small] {
    --kat-button-padding: var(--kat-space-02) var(--kat-space-03);
    --kat-button-font-size: var(--kat-body-100-font-size);
    --kat-button-line-height: var(--kat-body-100-line-height)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=link] [disabled] {
    --kat-button-border-width: var(--kat-border-width-xxsmall);
    --kat-button-focus-ring-color: var(--kat-border-button-link-disabled);
    --kat-button-focus-ring-outlay: calc(0 - var(--kat-border-width-xxsmall))
}

:root .SP_SERVICES_706592_T1 kat-button[variant=link]:not([disabled]):hover {
    --kat-button-box-shadow: 0 var(--kat-border-width-xxsmall) var(--kat-border-width-xsmall) 0 var(--kat-shadow-20)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=utility] {
    --kat-button-border-radius: var(--kat-border-radius-xsmall);
    --kat-button-border-width: var(--kat-border-width-small);
    --kat-button-font-size: var(--kat-body-200-dense-font-size);
    --kat-button-letter-spacing: var(--kat-body-200-dense-letter-spacing);
    --kat-button-line-height: var(--kat-body-200-dense-line-height);
    --kat-button-focus-ring-outlay: 0px;
    --kat-button-focus-ring-width: var(--kat-border-width-xxsmall);
    --kat-button-hover-ring-width: 0px;
    --kat-button-hover-ring-radius: 0px;
    --kat-button-box-shadow: none;
    --kat-button-padding: calc(var(--kat-space-03) - var(--kat-border-width-xxsmall)) calc(var(--kat-space-05) - var(--kat-border-width-xxsmall));
    --kat-button-background: var(--kat-background-button-utility-default);
    --kat-button-background-active: var(--kat-background-button-utility-active);
    --kat-button-background-disabled: var(--kat-background-button-utility-disabled);
    --kat-button-background-hover: var(--kat-background-button-utility-hover);
    --kat-button-border-color: var(--kat-border-button-utility-default);
    --kat-button-border-color-active: var(--kat-border-button-utility-active);
    --kat-button-border-color-disabled: var(--kat-border-button-utility-disabled);
    --kat-button-border-color-hover: var(--kat-border-button-utility-hover);
    --kat-button-focus-ring-color: var(--kat-label-button-utility);
    --kat-button-color: var(--kat-label-button-utility);
    --kat-button-color-hover: var(--kat-label-button-utility);
    --kat-button-color-disabled: var(--kat-label-button-utility-disabled)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=utility][size=small] {
    --kat-button-padding: calc(var(--kat-space-02) - var(--kat-border-width-xxsmall)) calc(var(--kat-space-03) - var(--kat-border-width-small));
    --kat-button-font-size: var(--kat-body-100-font-size);
    --kat-button-line-height: var(--kat-body-100-line-height)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=utility] [disabled] {
    --kat-button-border-width: var(--kat-border-width-xxsmall);
    --kat-button-focus-ring-color: var(--kat-border-button-utility-disabled);
    --kat-button-focus-ring-outlay: calc(0 - var(--kat-border-width-xxsmall))
}

:root .SP_SERVICES_706592_T1 kat-button[variant=utility]:not([disabled]):hover {
    --kat-button-box-shadow: 0 var(--kat-border-width-xxsmall) var(--kat-border-width-xsmall) 0 var(--kat-shadow-20)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=utility-link] {
    --kat-button-border-radius: var(--kat-border-radius-xsmall);
    --kat-button-border-width: var(--kat-border-width-small);
    --kat-button-font-size: var(--kat-body-200-dense-font-size);
    --kat-button-letter-spacing: var(--kat-body-200-dense-letter-spacing);
    --kat-button-line-height: var(--kat-body-200-dense-line-height);
    --kat-button-focus-ring-outlay: 0px;
    --kat-button-focus-ring-width: var(--kat-border-width-xxsmall);
    --kat-button-hover-ring-width: 0px;
    --kat-button-hover-ring-radius: 0px;
    --kat-button-box-shadow: none;
    --kat-button-padding: var(--kat-space-03) var(--kat-space-05);
    --kat-button-background: var(--kat-background-button-utility-link-default);
    --kat-button-background-active: var(--kat-background-button-utility-link-active);
    --kat-button-background-disabled: var(--kat-background-button-utility-link-disabled);
    --kat-button-background-hover: var(--kat-background-button-utility-link-hover);
    --kat-button-border-color: var(--kat-border-button-utility-link-default);
    --kat-button-border-color-active: var(--kat-border-button-utility-link-active);
    --kat-button-border-color-disabled: var(--kat-border-button-utility-link-disabled);
    --kat-button-border-color-hover: var(--kat-border-button-utility-link-hover);
    --kat-button-focus-ring-color: var(--kat-label-button-utility-link);
    --kat-button-color: var(--kat-label-button-utility-link);
    --kat-button-color-hover: var(--kat-label-button-utility-link);
    --kat-button-color-disabled: var(--kat-label-button-utility-link-disabled)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=utility-link][size=small] {
    --kat-button-padding: var(--kat-space-02) var(--kat-space-03);
    --kat-button-font-size: var(--kat-body-100-font-size);
    --kat-button-line-height: var(--kat-body-100-line-height)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=utility-link] [disabled] {
    --kat-button-border-width: var(--kat-border-width-xxsmall);
    --kat-button-focus-ring-color: var(--kat-border-button-utility-link-disabled);
    --kat-button-focus-ring-outlay: calc(0 - var(--kat-border-width-xxsmall))
}

:root .SP_SERVICES_706592_T1 kat-button[variant=utility-link]:not([disabled]):hover {
    --kat-button-box-shadow: 0 var(--kat-border-width-xxsmall) var(--kat-border-width-xsmall) 0 var(--kat-shadow-20)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=secondary]:focus {
    --kat-button-border-color: var(--kat-border-button-primary-hover);
    --kat-button-border-color-active: var(--kat-border-button-primary-hover);
    --kat-button-border-color-hover: var(--kat-border-button-primary-hover)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=secondary][disabled] {
    --kat-button-border-width: var(--kat-border-width-xxsmall);
    --kat-button-focus-ring-color: var(--kat-border-button-secondary-default);
    --kat-button-focus-ring-outlay: calc(0px - var(--kat-border-width-xxsmall));
    --kat-button-padding: calc(var(--kat-space-03) - var(--kat-border-width-xxsmall)) calc(var(--kat-space-05) - var(--kat-border-width-xxsmall))
}

:root .SP_SERVICES_706592_T1 kat-button[variant=secondary][disabled][size=small] {
    --kat-button-padding: calc(var(--kat-space-02) - var(--kat-border-width-xxsmall)) calc(var(--kat-space-03) - var(--kat-border-width-small))
}

:root .SP_SERVICES_706592_T1 kat-button[variant=tertiary] {
    --kat-button-border-width: var(--kat-border-width-xxsmall);
    --kat-button-focus-ring-color: var(--kat-border-button-tertiary-default);
    --kat-button-focus-ring-outlay: calc(0px - var(--kat-border-width-xxsmall))
}

:root .SP_SERVICES_706592_T1 kat-button[variant=tertiary]:not([disabled]):active {
    --hover-ring-color: var(--kat-border-button-primary-hover)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=link],
:root .SP_SERVICES_706592_T1 kat-button[variant=utility-link] {
    --kat-button-border-width: 0px;
    --kat-button-focus-ring-width: var(--kat-border-width-xsmall);
    --kat-button-hover-ring-radius: var(--kat-border-radius-xsmall);
    --kat-button-focus-ring-outlay: calc(0px - var(--kat-border-width-xsmall))
}

:root .SP_SERVICES_706592_T1 kat-button[variant=warning] {
    --kat-button-border-color-focus: var(--kat-background-button-warning-default)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=danger] {
    --kat-button-border-color-focus: var(--kat-background-button-danger-default)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=utility] {
    --kat-button-border-width: var(--kat-border-width-xxsmall);
    --kat-button-focus-ring-color: var(--kat-border-button-primary-default);
    --kat-button-focus-ring-outlay: calc(0px - var(--kat-border-width-xxsmall))
}

:root .SP_SERVICES_706592_T1 kat-button[variant=utility]:focus {
    --kat-button-border-color: var(--kat-border-button-primary-hover);
    --kat-button-border-color-active: var(--kat-border-button-primary-hover);
    --kat-button-border-color-hover: var(--kat-border-button-primary-hover)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=utility-link] {
    --kat-button-focus-ring-color: var(--kat-border-button-primary-default)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=utility-link]:focus {
    --kat-button-border-color: var(--kat-border-button-primary-hover);
    --kat-button-border-color-active: var(--kat-border-button-primary-hover);
    --kat-button-border-color-hover: var(--kat-border-button-primary-hover)
}

:root .SP_SERVICES_706592_T1 kat-button[variant=link][disabled] {
    --kat-button-box-shadow: none
}

.katal kat-button-group * kat-button {
    --item-background-hover: var(--kat-button-group-item-background-hover, #e3eced);
    --item-border-color: var(--kat-button-group-item-border-color, #d5dbdb);
    --item-border-width: var(--kat-button-group-item-border-width, var(--kat-border-width-xxsmall));
    --item-border-style: var(--kat-button-group-item-border-style, solid);
    --item-focus-ring-width: var(--kat-button-group-item-focus-ring-width, var(--kat-border-width-xxsmall));
    --item-focus-ring-color: var(--kat-button-group-item-focus-ring-color, var(--kat-border-color-focus));
    --item-focus-ring-outlay: var(--kat-button-group-item-focus-ring-outlay, calc(var(--kat-border-width-xxsmall)*-1));
    --item-hover-ring-color: var(--kat-button-group-item-hover-ring-color, #d5dbdb);
    --background-hover: var(--item-background-hover);
    --border-color: var(--item-border-color);
    --border-style: var(--item-border-style);
    --focus-ring-width: var(--item-focus-ring-width);
    --focus-ring-color: var(--item-focus-ring-color);
    --focus-ring-outlay: var(--item-focus-ring-outlay);
    --hover-ring-color: var(--item-hover-ring-color);
    --border-width: var(--item-border-width) var(--item-border-width) var(--item-border-width) 0;
    --focus-ring-width: 0;
    --focus-ring-color: transparent;
    --hover-ring-color: transparent;
    --overflow: hidden;
    --border-width: 0;
    border-radius: 0;
    display: flex;
    flex: 1 1 auto;
    position: relative;
    text-overflow: ellipsis
}

.katal kat-button-group * kat-button:before {
    border-radius: var(--hover-ring-radius);
    bottom: calc(var(--item-focus-ring-outlay)*-1);
    content: "";
    pointer-events: none;
    position: absolute;
    top: calc(var(--item-focus-ring-outlay)*-1);
    z-index: 1
}

:not([dir]) .katal kat-button-group * kat-button:before,
[dir=rtl] .katal kat-button-group * kat-button:before {
    left: calc(var(--item-focus-ring-outlay)*-1);
    right: calc(var(--item-focus-ring-outlay)*-1)
}

.katal kat-button-group * kat-button:after {
    border-radius: var(--hover-ring-radius);
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 1
}

:not([dir]) .katal kat-button-group * kat-button:after,
[dir=rtl] .katal kat-button-group * kat-button:after {
    left: 0;
    right: 0
}

.katal kat-button-group * kat-button:focus,
.katal kat-button-group * kat-button[focus-within] {
    outline: none;
    z-index: 1
}

.katal kat-button-group * kat-button:focus,
.katal kat-button-group * kat-button:focus-within {
    outline: none;
    z-index: 1
}

.katal kat-button-group * kat-button:focus:before,
.katal kat-button-group * kat-button[focus-within]:before {
    box-shadow: 0 0 0 var(--item-focus-ring-width) var(--item-focus-ring-color)
}

.katal kat-button-group * kat-button:focus-within:before,
.katal kat-button-group * kat-button:focus:before {
    box-shadow: 0 0 0 var(--item-focus-ring-width) var(--item-focus-ring-color)
}

.katal kat-button-group * kat-button:hover {
    --hover-ring-color: var(--item-hover-ring-color);
    --background-hover: var(--item-background-hover);
    z-index: 1
}

.katal kat-button-group * kat-button.selected {
    --item-border-color: var(--item-border-color-selected);
    --item-focus-ring-color: var(--item-focus-ring-color-selected);
    --item-hover-ring-color: var(--item-hover-ring-color-selected);
    --background: var(--item-background-selected);
    --border-color-disabled: var(--item-border-color-selected-disabled);
    --color: var(--item-color-selected);
    --background-disabled: var(--item-background-selected-disabled);
    --color-disabled: var(--item-color-selected-disabled);
    --background-focus: var(--item-background-selected);
    --color-focus: var(--item-color-selected);
    --background-hover: var(--item-background-selected);
    --color-hover: var(--item-color-selected);
    --hover-ring-color: transparent
}

.katal kat-button-group * kat-button:before {
    left: var(--item-focus-ring-width);
    right: var(--item-focus-ring-width)
}

:root {
    --kat-button-group-item-border-color: #d5dbdb;
    --kat-button-group-item-border-color-selected-disabled: #879596;
    --kat-button-group-item-hover-ring-color: #d5dbdb
}

.katal kat-button-group {
    --kat-button-box-shadow: none;
    --kat-button-border-width: 0;
    --kat-button-background: #fff;
    --kat-button-color: var(--kat-font-color-primary-dark);
    --kat-button-background-hover: var(--kat-button-background);
    --kat-button-background-focus: var(--kat-button-background);
    --kat-button-background-disabled: #ebeeef;
    --kat-button-color-hover: var(--kat-button-color);
    --kat-button-color-focus: var(--kat-button-color);
    --kat-button-color-disabled: var(--kat-button-color);
    --kat-button-border-color: var(--kat-button-group-item-border-color);
    --kat-button-border-color-disabled: #aab7b8
}

.katal.SP_SERVICES_706592_T1 {
    --kat-button-group-item-background-hover: #f7f7f8;
    --kat-button-group-item-background-selected: var(--kat-aqua-400);
    --kat-button-group-item-background-selected-disabled: var(--kat-squid-ink-200);
    --kat-button-group-item-border-color: var(--kat-squid-ink-200);
    --kat-button-group-item-border-color-selected: var(--kat-aqua-400);
    --kat-button-group-item-border-color-selected-disabled: var(--kat-squid-ink-200);
    --kat-button-group-item-color-selected-disabled: var(--kat-squid-ink-500);
    --kat-button-group-item-focus-ring-width: var(--kat-border-width-xsmall);
    --kat-button-group-item-focus-ring-outlay: calc(0px - var(--kat-border-width-xsmall))
}

.katal.SP_SERVICES_706592_T1 kat-button-group::part(overflow-trigger) {
    --kat-button-border-color-hover: var(--kat-squid-ink-200)
}

.katal.SP_SERVICES_706592_T1 kat-button-group kat-button[variant=primary] {
    --kat-button-background: var(--kat-white);
    --kat-button-color: var(--kat-squid-ink-700);
    --kat-button-color-hover: var(--kat-squid-ink-700);
    --kat-button-border-color-hover: var(--kat-squid-ink-200);
    --kat-button-border-color-focus: var(--kat-aqua-400);
    --kat-button-background-disabled: var(--kat-white);
    --kat-button-color-disabled: var(--kat-squid-ink-400);
    --kat-button-hover-ring-radius: 0
}

.katal.SP_SERVICES_706592_T1 kat-button-group kat-button[variant=primary].selected {
    --kat-button-background-active: var(--kat-aqua-400);
    --kat-button-border-color-active: var(--kat-aqua-400);
    --kat-button-border-color-hover: var(--kat-aqua-400)
}

.katal.SP_SERVICES_706592_T1 kat-button-group kat-button[variant=primary]:not(.selected) {
    --background-hover: var(--kat-squid-ink-50);
    --kat-button-background-active: var(--kat-squid-ink-100);
    --kat-button-border-color-hover: var(--kat-squid-ink-200)
}

.katal.SP_SERVICES_706592_T1 kat-button-group kat-button[variant=primary][disabled] {
    --kat-button-group-item-focus-ring-color: transparent
}

.katal.SP_SERVICES_706592_T1 kat-button-group kat-button[variant=primary]:last-of-type {
    --kat-button-hover-ring-radius: 0 var(--kat-border-width-xsmall) var(--kat-border-width-xsmall) 0
}

.katal.SP_SERVICES_706592_T1 kat-button-group kat-button[variant=primary]:first-of-type {
    --kat-button-hover-ring-radius: var(--kat-border-width-xsmall) 0 0 var(--kat-border-width-xsmall)
}

.katal.SP_SERVICES_706592_T1 kat-button-group kat-button[variant=primary]:first-of-type:last-of-type {
    --kat-button-hover-ring-radius: var(--kat-border-width-xsmall)
}

.katal.SP_SERVICES_706592_T1 kat-button-group kat-button[variant=primary]:not([disabled]):hover {
    --kat-button-box-shadow: none
}

.katal.SP_SERVICES_706592_T1 kat-button-group [slot=overflow] kat-button[variant=primary] {
    --kat-button-hover-ring-radius: 0
}

.katal kat-button-group kat-button {
    max-width: 425px
}

:root {
    --kat-calendar-border-color: #d5dbdb;
    --kat-calendar-header-font-size: 0.9375rem;
    --kat-calendar-day-background-disabled: #ebeeef;
    --kat-calendar-day-color-disabled: #879596;
    --kat-calendar-width: 282px;
    --kat-calendar-height: 265px;
    --kat-calendar-navigation-height: 2.125rem;
    --kat-calendar-weekday-padding: 0.375rem 0;
    --kat-calendar-day-width: 40px;
    --kat-calendar-day-height: 34px;
    --kat-calendar-day-border-width: 0;
    --kat-calendar-day-focus-ring-outlay-selected: -4px;
    --kat-calendar-day-focus-ring-color-selected: #fff;
    --kat-card-padding: 0.625rem;
    --kat-card-border-width: 1px;
    --kat-card-border-color: #979797;
    --kat-card-background: #fff;
    --kat-card-title-font-size: 1.25rem;
    --kat-card-subtitle-font-size: 1rem;
    --kat-card-subtitle-background: #e3eced;
    --kat-card-action-margin: 0 0 0 0.75rem
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 {
    --kat-card-background: var(--kat-background-item-default);
    --kat-card-border-color: var(--kat-border-item-default);
    --kat-card-border-width: var(--kat-border-width-xxsmall);
    --kat-card-box-shadow: 0px 1px 2px rgba(9, 10, 13, .2);
    --kat-card-base-gap: var(--kat-space-03);
    --kat-card-base-padding: var(--kat-space-05);
    --kat-card-header-padding: 0;
    --kat-card-title-color: var(--kat-text-primary);
    --kat-card-title-font-size: var(--kat-heading-200-font-size);
    --kat-card-title-font-weight: var(--kat-heading-200-font-weight);
    --kat-card-title-line-height: var(--kat-heading-200-line-height);
    --kat-card-subtitle-background: var(--kat-background-item-default);
    --kat-card-subtitle-color: var(--kat-text-primary);
    --kat-card-subtitle-font-size: var(--kat-heading-100-font-size);
    --kat-card-subtitle-font-weight: var(--kat-heading-100-font-weight);
    --kat-card-subtitle-line-height: var(--kat-heading-100-line-height);
    --kat-card-subtitle-padding: 0;
    --kat-card-body-color: var(--kat-text-primary);
    --kat-card-body-font-size: var(--kat-body-200-font-size);
    --kat-card-body-font-weight: var(--kat-body-200-font-weight);
    --kat-card-body-line-height: var(--kat-body-200-line-height);
    --kat-card-body-letter-spacing: var(--kat-body-200-letter-spacing);
    --kat-card-body-padding: 0;
    --kat-card-footer-color: var(--kat-text-secondary);
    --kat-card-footer-font-size: var(--kat-body-100-font-size);
    --kat-card-footer-font-weight: var(--kat-body-100-font-weight);
    --kat-card-footer-line-height: var(--kat-body-100-line-height);
    --kat-card-footer-padding: 0
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-card[variant=warning] {
    --kat-card-background: var(--kat-background-message-warning);
    --kat-card-subtitle-background: var(--kat-background-message-warning)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-card[variant=danger] {
    --kat-card-background: var(--kat-background-message-danger);
    --kat-card-subtitle-background: var(--kat-background-message-danger)
}

.katal kat-card[variant=warning] {
    --kat-card-background: #fff5d1;
    --kat-card-subtitle-background: #fff5d1
}

.katal kat-card[variant=danger] {
    --kat-card-background: #faeaea;
    --kat-card-subtitle-background: #faeaea
}

.katal [class*=kat-col-] {
    flex: 0 0 100%;
    width: 100%
}

.katal .container {
    width: 100%
}

:not([dir]) .katal .container,
[dir=rtl] .katal .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px
}

.katal .kat-row {
    display: flex;
    flex-wrap: wrap
}

@media(min-width: 0px) {
    .katal .kat-col-xs-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .katal .kat-col-xs-1,
    .katal .kat-col-xs-2 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xs-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .katal .kat-col-xs-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .katal .kat-col-xs-3,
    .katal .kat-col-xs-4 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xs-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .katal .kat-col-xs-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .katal .kat-col-xs-5,
    .katal .kat-col-xs-6 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xs-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .katal .kat-col-xs-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .katal .kat-col-xs-7,
    .katal .kat-col-xs-8 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xs-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .katal .kat-col-xs-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .katal .kat-col-xs-10,
    .katal .kat-col-xs-9 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xs-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .katal .kat-col-xs-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .katal .kat-col-xs-11,
    .katal .kat-col-xs-12 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xs-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .katal .kat-offset-xs-0 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xs-0 {
        margin-left: 0
    }

    [dir=rtl] .katal .kat-offset-xs-0 {
        margin-right: 0
    }

    .katal .kat-offset-xs-1 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xs-1 {
        margin-left: 8.3333333333%
    }

    [dir=rtl] .katal .kat-offset-xs-1 {
        margin-right: 8.3333333333%
    }

    .katal .kat-offset-xs-2 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xs-2 {
        margin-left: 16.6666666667%
    }

    [dir=rtl] .katal .kat-offset-xs-2 {
        margin-right: 16.6666666667%
    }

    .katal .kat-offset-xs-3 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xs-3 {
        margin-left: 25%
    }

    [dir=rtl] .katal .kat-offset-xs-3 {
        margin-right: 25%
    }

    .katal .kat-offset-xs-4 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xs-4 {
        margin-left: 33.3333333333%
    }

    [dir=rtl] .katal .kat-offset-xs-4 {
        margin-right: 33.3333333333%
    }

    .katal .kat-offset-xs-5 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xs-5 {
        margin-left: 41.6666666667%
    }

    [dir=rtl] .katal .kat-offset-xs-5 {
        margin-right: 41.6666666667%
    }

    .katal .kat-offset-xs-6 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xs-6 {
        margin-left: 50%
    }

    [dir=rtl] .katal .kat-offset-xs-6 {
        margin-right: 50%
    }

    .katal .kat-offset-xs-7 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xs-7 {
        margin-left: 58.3333333333%
    }

    [dir=rtl] .katal .kat-offset-xs-7 {
        margin-right: 58.3333333333%
    }

    .katal .kat-offset-xs-8 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xs-8 {
        margin-left: 66.6666666667%
    }

    [dir=rtl] .katal .kat-offset-xs-8 {
        margin-right: 66.6666666667%
    }

    .katal .kat-offset-xs-9 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xs-9 {
        margin-left: 75%
    }

    [dir=rtl] .katal .kat-offset-xs-9 {
        margin-right: 75%
    }

    .katal .kat-offset-xs-10 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xs-10 {
        margin-left: 83.3333333333%
    }

    [dir=rtl] .katal .kat-offset-xs-10 {
        margin-right: 83.3333333333%
    }

    .katal .kat-offset-xs-11 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xs-11 {
        margin-left: 91.6666666667%
    }

    [dir=rtl] .katal .kat-offset-xs-11 {
        margin-right: 91.6666666667%
    }

    .katal .kat-offset-xs-12 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xs-12 {
        margin-left: 100%
    }

    [dir=rtl] .katal .kat-offset-xs-12 {
        margin-right: 100%
    }
}

@media(min-width: 800px) {
    .katal .kat-col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .katal .kat-col-sm-1,
    .katal .kat-col-sm-2 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .katal .kat-col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .katal .kat-col-sm-3,
    .katal .kat-col-sm-4 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .katal .kat-col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .katal .kat-col-sm-5,
    .katal .kat-col-sm-6 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .katal .kat-col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .katal .kat-col-sm-7,
    .katal .kat-col-sm-8 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .katal .kat-col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .katal .kat-col-sm-10,
    .katal .kat-col-sm-9 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .katal .kat-col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .katal .kat-col-sm-11,
    .katal .kat-col-sm-12 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .katal .kat-offset-sm-0 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-sm-0 {
        margin-left: 0
    }

    [dir=rtl] .katal .kat-offset-sm-0 {
        margin-right: 0
    }

    .katal .kat-offset-sm-1 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-sm-1 {
        margin-left: 8.3333333333%
    }

    [dir=rtl] .katal .kat-offset-sm-1 {
        margin-right: 8.3333333333%
    }

    .katal .kat-offset-sm-2 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-sm-2 {
        margin-left: 16.6666666667%
    }

    [dir=rtl] .katal .kat-offset-sm-2 {
        margin-right: 16.6666666667%
    }

    .katal .kat-offset-sm-3 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-sm-3 {
        margin-left: 25%
    }

    [dir=rtl] .katal .kat-offset-sm-3 {
        margin-right: 25%
    }

    .katal .kat-offset-sm-4 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-sm-4 {
        margin-left: 33.3333333333%
    }

    [dir=rtl] .katal .kat-offset-sm-4 {
        margin-right: 33.3333333333%
    }

    .katal .kat-offset-sm-5 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-sm-5 {
        margin-left: 41.6666666667%
    }

    [dir=rtl] .katal .kat-offset-sm-5 {
        margin-right: 41.6666666667%
    }

    .katal .kat-offset-sm-6 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-sm-6 {
        margin-left: 50%
    }

    [dir=rtl] .katal .kat-offset-sm-6 {
        margin-right: 50%
    }

    .katal .kat-offset-sm-7 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-sm-7 {
        margin-left: 58.3333333333%
    }

    [dir=rtl] .katal .kat-offset-sm-7 {
        margin-right: 58.3333333333%
    }

    .katal .kat-offset-sm-8 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-sm-8 {
        margin-left: 66.6666666667%
    }

    [dir=rtl] .katal .kat-offset-sm-8 {
        margin-right: 66.6666666667%
    }

    .katal .kat-offset-sm-9 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-sm-9 {
        margin-left: 75%
    }

    [dir=rtl] .katal .kat-offset-sm-9 {
        margin-right: 75%
    }

    .katal .kat-offset-sm-10 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-sm-10 {
        margin-left: 83.3333333333%
    }

    [dir=rtl] .katal .kat-offset-sm-10 {
        margin-right: 83.3333333333%
    }

    .katal .kat-offset-sm-11 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-sm-11 {
        margin-left: 91.6666666667%
    }

    [dir=rtl] .katal .kat-offset-sm-11 {
        margin-right: 91.6666666667%
    }

    .katal .kat-offset-sm-12 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-sm-12 {
        margin-left: 100%
    }

    [dir=rtl] .katal .kat-offset-sm-12 {
        margin-right: 100%
    }
}

@media(min-width: 1064px) {
    .katal .kat-col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .katal .kat-col-md-1,
    .katal .kat-col-md-2 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .katal .kat-col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .katal .kat-col-md-3,
    .katal .kat-col-md-4 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .katal .kat-col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .katal .kat-col-md-5,
    .katal .kat-col-md-6 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .katal .kat-col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .katal .kat-col-md-7,
    .katal .kat-col-md-8 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .katal .kat-col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .katal .kat-col-md-10,
    .katal .kat-col-md-9 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .katal .kat-col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .katal .kat-col-md-11,
    .katal .kat-col-md-12 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .katal .kat-offset-md-0 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-md-0 {
        margin-left: 0
    }

    [dir=rtl] .katal .kat-offset-md-0 {
        margin-right: 0
    }

    .katal .kat-offset-md-1 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-md-1 {
        margin-left: 8.3333333333%
    }

    [dir=rtl] .katal .kat-offset-md-1 {
        margin-right: 8.3333333333%
    }

    .katal .kat-offset-md-2 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-md-2 {
        margin-left: 16.6666666667%
    }

    [dir=rtl] .katal .kat-offset-md-2 {
        margin-right: 16.6666666667%
    }

    .katal .kat-offset-md-3 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-md-3 {
        margin-left: 25%
    }

    [dir=rtl] .katal .kat-offset-md-3 {
        margin-right: 25%
    }

    .katal .kat-offset-md-4 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-md-4 {
        margin-left: 33.3333333333%
    }

    [dir=rtl] .katal .kat-offset-md-4 {
        margin-right: 33.3333333333%
    }

    .katal .kat-offset-md-5 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-md-5 {
        margin-left: 41.6666666667%
    }

    [dir=rtl] .katal .kat-offset-md-5 {
        margin-right: 41.6666666667%
    }

    .katal .kat-offset-md-6 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-md-6 {
        margin-left: 50%
    }

    [dir=rtl] .katal .kat-offset-md-6 {
        margin-right: 50%
    }

    .katal .kat-offset-md-7 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-md-7 {
        margin-left: 58.3333333333%
    }

    [dir=rtl] .katal .kat-offset-md-7 {
        margin-right: 58.3333333333%
    }

    .katal .kat-offset-md-8 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-md-8 {
        margin-left: 66.6666666667%
    }

    [dir=rtl] .katal .kat-offset-md-8 {
        margin-right: 66.6666666667%
    }

    .katal .kat-offset-md-9 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-md-9 {
        margin-left: 75%
    }

    [dir=rtl] .katal .kat-offset-md-9 {
        margin-right: 75%
    }

    .katal .kat-offset-md-10 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-md-10 {
        margin-left: 83.3333333333%
    }

    [dir=rtl] .katal .kat-offset-md-10 {
        margin-right: 83.3333333333%
    }

    .katal .kat-offset-md-11 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-md-11 {
        margin-left: 91.6666666667%
    }

    [dir=rtl] .katal .kat-offset-md-11 {
        margin-right: 91.6666666667%
    }

    .katal .kat-offset-md-12 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-md-12 {
        margin-left: 100%
    }

    [dir=rtl] .katal .kat-offset-md-12 {
        margin-right: 100%
    }
}

@media(min-width: 1420px) {
    .katal .kat-col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .katal .kat-col-lg-1,
    .katal .kat-col-lg-2 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .katal .kat-col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .katal .kat-col-lg-3,
    .katal .kat-col-lg-4 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .katal .kat-col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .katal .kat-col-lg-5,
    .katal .kat-col-lg-6 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .katal .kat-col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .katal .kat-col-lg-7,
    .katal .kat-col-lg-8 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .katal .kat-col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .katal .kat-col-lg-10,
    .katal .kat-col-lg-9 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .katal .kat-col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .katal .kat-col-lg-11,
    .katal .kat-col-lg-12 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .katal .kat-offset-lg-0 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-lg-0 {
        margin-left: 0
    }

    [dir=rtl] .katal .kat-offset-lg-0 {
        margin-right: 0
    }

    .katal .kat-offset-lg-1 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-lg-1 {
        margin-left: 8.3333333333%
    }

    [dir=rtl] .katal .kat-offset-lg-1 {
        margin-right: 8.3333333333%
    }

    .katal .kat-offset-lg-2 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-lg-2 {
        margin-left: 16.6666666667%
    }

    [dir=rtl] .katal .kat-offset-lg-2 {
        margin-right: 16.6666666667%
    }

    .katal .kat-offset-lg-3 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-lg-3 {
        margin-left: 25%
    }

    [dir=rtl] .katal .kat-offset-lg-3 {
        margin-right: 25%
    }

    .katal .kat-offset-lg-4 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-lg-4 {
        margin-left: 33.3333333333%
    }

    [dir=rtl] .katal .kat-offset-lg-4 {
        margin-right: 33.3333333333%
    }

    .katal .kat-offset-lg-5 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-lg-5 {
        margin-left: 41.6666666667%
    }

    [dir=rtl] .katal .kat-offset-lg-5 {
        margin-right: 41.6666666667%
    }

    .katal .kat-offset-lg-6 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-lg-6 {
        margin-left: 50%
    }

    [dir=rtl] .katal .kat-offset-lg-6 {
        margin-right: 50%
    }

    .katal .kat-offset-lg-7 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-lg-7 {
        margin-left: 58.3333333333%
    }

    [dir=rtl] .katal .kat-offset-lg-7 {
        margin-right: 58.3333333333%
    }

    .katal .kat-offset-lg-8 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-lg-8 {
        margin-left: 66.6666666667%
    }

    [dir=rtl] .katal .kat-offset-lg-8 {
        margin-right: 66.6666666667%
    }

    .katal .kat-offset-lg-9 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-lg-9 {
        margin-left: 75%
    }

    [dir=rtl] .katal .kat-offset-lg-9 {
        margin-right: 75%
    }

    .katal .kat-offset-lg-10 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-lg-10 {
        margin-left: 83.3333333333%
    }

    [dir=rtl] .katal .kat-offset-lg-10 {
        margin-right: 83.3333333333%
    }

    .katal .kat-offset-lg-11 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-lg-11 {
        margin-left: 91.6666666667%
    }

    [dir=rtl] .katal .kat-offset-lg-11 {
        margin-right: 91.6666666667%
    }

    .katal .kat-offset-lg-12 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-lg-12 {
        margin-left: 100%
    }

    [dir=rtl] .katal .kat-offset-lg-12 {
        margin-right: 100%
    }
}

@media(min-width: 2000px) {
    .katal .kat-col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .katal .kat-col-xl-1,
    .katal .kat-col-xl-2 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .katal .kat-col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .katal .kat-col-xl-3,
    .katal .kat-col-xl-4 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .katal .kat-col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .katal .kat-col-xl-5,
    .katal .kat-col-xl-6 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .katal .kat-col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .katal .kat-col-xl-7,
    .katal .kat-col-xl-8 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .katal .kat-col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .katal .kat-col-xl-10,
    .katal .kat-col-xl-9 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .katal .kat-col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .katal .kat-col-xl-11,
    .katal .kat-col-xl-12 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .katal .kat-offset-xl-0 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xl-0 {
        margin-left: 0
    }

    [dir=rtl] .katal .kat-offset-xl-0 {
        margin-right: 0
    }

    .katal .kat-offset-xl-1 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xl-1 {
        margin-left: 8.3333333333%
    }

    [dir=rtl] .katal .kat-offset-xl-1 {
        margin-right: 8.3333333333%
    }

    .katal .kat-offset-xl-2 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xl-2 {
        margin-left: 16.6666666667%
    }

    [dir=rtl] .katal .kat-offset-xl-2 {
        margin-right: 16.6666666667%
    }

    .katal .kat-offset-xl-3 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xl-3 {
        margin-left: 25%
    }

    [dir=rtl] .katal .kat-offset-xl-3 {
        margin-right: 25%
    }

    .katal .kat-offset-xl-4 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xl-4 {
        margin-left: 33.3333333333%
    }

    [dir=rtl] .katal .kat-offset-xl-4 {
        margin-right: 33.3333333333%
    }

    .katal .kat-offset-xl-5 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xl-5 {
        margin-left: 41.6666666667%
    }

    [dir=rtl] .katal .kat-offset-xl-5 {
        margin-right: 41.6666666667%
    }

    .katal .kat-offset-xl-6 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xl-6 {
        margin-left: 50%
    }

    [dir=rtl] .katal .kat-offset-xl-6 {
        margin-right: 50%
    }

    .katal .kat-offset-xl-7 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xl-7 {
        margin-left: 58.3333333333%
    }

    [dir=rtl] .katal .kat-offset-xl-7 {
        margin-right: 58.3333333333%
    }

    .katal .kat-offset-xl-8 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xl-8 {
        margin-left: 66.6666666667%
    }

    [dir=rtl] .katal .kat-offset-xl-8 {
        margin-right: 66.6666666667%
    }

    .katal .kat-offset-xl-9 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xl-9 {
        margin-left: 75%
    }

    [dir=rtl] .katal .kat-offset-xl-9 {
        margin-right: 75%
    }

    .katal .kat-offset-xl-10 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xl-10 {
        margin-left: 83.3333333333%
    }

    [dir=rtl] .katal .kat-offset-xl-10 {
        margin-right: 83.3333333333%
    }

    .katal .kat-offset-xl-11 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xl-11 {
        margin-left: 91.6666666667%
    }

    [dir=rtl] .katal .kat-offset-xl-11 {
        margin-right: 91.6666666667%
    }

    .katal .kat-offset-xl-12 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xl-12 {
        margin-left: 100%
    }

    [dir=rtl] .katal .kat-offset-xl-12 {
        margin-right: 100%
    }
}

@media(min-width: 2500px) {
    .katal .kat-col-xxl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .katal .kat-col-xxl-1,
    .katal .kat-col-xxl-2 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xxl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .katal .kat-col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .katal .kat-col-xxl-3,
    .katal .kat-col-xxl-4 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xxl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .katal .kat-col-xxl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .katal .kat-col-xxl-5,
    .katal .kat-col-xxl-6 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .katal .kat-col-xxl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .katal .kat-col-xxl-7,
    .katal .kat-col-xxl-8 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xxl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .katal .kat-col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .katal .kat-col-xxl-10,
    .katal .kat-col-xxl-9 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xxl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .katal .kat-col-xxl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .katal .kat-col-xxl-11,
    .katal .kat-col-xxl-12 {
        min-height: 1px;
        padding: 0 10px;
        position: relative;
        width: 100%
    }

    .katal .kat-col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .katal .kat-offset-xxl-0 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xxl-0 {
        margin-left: 0
    }

    [dir=rtl] .katal .kat-offset-xxl-0 {
        margin-right: 0
    }

    .katal .kat-offset-xxl-1 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xxl-1 {
        margin-left: 8.3333333333%
    }

    [dir=rtl] .katal .kat-offset-xxl-1 {
        margin-right: 8.3333333333%
    }

    .katal .kat-offset-xxl-2 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xxl-2 {
        margin-left: 16.6666666667%
    }

    [dir=rtl] .katal .kat-offset-xxl-2 {
        margin-right: 16.6666666667%
    }

    .katal .kat-offset-xxl-3 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xxl-3 {
        margin-left: 25%
    }

    [dir=rtl] .katal .kat-offset-xxl-3 {
        margin-right: 25%
    }

    .katal .kat-offset-xxl-4 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xxl-4 {
        margin-left: 33.3333333333%
    }

    [dir=rtl] .katal .kat-offset-xxl-4 {
        margin-right: 33.3333333333%
    }

    .katal .kat-offset-xxl-5 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xxl-5 {
        margin-left: 41.6666666667%
    }

    [dir=rtl] .katal .kat-offset-xxl-5 {
        margin-right: 41.6666666667%
    }

    .katal .kat-offset-xxl-6 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xxl-6 {
        margin-left: 50%
    }

    [dir=rtl] .katal .kat-offset-xxl-6 {
        margin-right: 50%
    }

    .katal .kat-offset-xxl-7 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xxl-7 {
        margin-left: 58.3333333333%
    }

    [dir=rtl] .katal .kat-offset-xxl-7 {
        margin-right: 58.3333333333%
    }

    .katal .kat-offset-xxl-8 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xxl-8 {
        margin-left: 66.6666666667%
    }

    [dir=rtl] .katal .kat-offset-xxl-8 {
        margin-right: 66.6666666667%
    }

    .katal .kat-offset-xxl-9 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xxl-9 {
        margin-left: 75%
    }

    [dir=rtl] .katal .kat-offset-xxl-9 {
        margin-right: 75%
    }

    .katal .kat-offset-xxl-10 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xxl-10 {
        margin-left: 83.3333333333%
    }

    [dir=rtl] .katal .kat-offset-xxl-10 {
        margin-right: 83.3333333333%
    }

    .katal .kat-offset-xxl-11 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xxl-11 {
        margin-left: 91.6666666667%
    }

    [dir=rtl] .katal .kat-offset-xxl-11 {
        margin-right: 91.6666666667%
    }

    .katal .kat-offset-xxl-12 {
        padding: 0 10px
    }

    :not([dir]) .katal .kat-offset-xxl-12 {
        margin-left: 100%
    }

    [dir=rtl] .katal .kat-offset-xxl-12 {
        margin-right: 100%
    }
}

:not([dir]) .katal .kat-no-gutters,
[dir=rtl] .katal .kat-no-gutters {
    margin-left: 0;
    margin-right: 0
}

:not([dir]) .katal .kat-no-gutters>[class*=kat-col-],
[dir=rtl] .katal .kat-no-gutters>[class*=kat-col-] {
    padding-left: 0;
    padding-right: 0
}

:not([dir]) .katal .kat-offset-0 {
    margin-left: 0
}

[dir=rtl] .katal .kat-offset-0 {
    margin-right: 0
}

:not([dir]) .katal .kat-text-right {
    text-align: right
}

:not([dir]) .katal .kat-text-left,
[dir=rtl] .katal .kat-text-right {
    text-align: left
}

[dir=rtl] .katal .kat-text-left {
    text-align: right
}

.katal .kat-pull-right {
    position: relative
}

:not([dir]) .katal .kat-pull-right {
    float: right
}

[dir=rtl] .katal .kat-pull-right {
    float: left
}

.katal .kat-pull-left {
    position: relative
}

:not([dir]) .katal .kat-pull-left {
    float: left
}

[dir=rtl] .katal .kat-pull-left {
    float: right
}

:not([dir]) .katal .kat-no-horizontal-padding,
[dir=rtl] .katal .kat-no-horizontal-padding {
    padding-left: 0;
    padding-right: 0
}

.katal .kat-no-vertical-padding {
    padding-bottom: 0;
    padding-top: 0
}

.katal .kat-no-padding {
    padding: 0
}

.katal kat-carousel {
    display: block
}

.katal kat-carousel .kat-carousel-controls-container>button {
    background: #fff;
    border: 1px solid #002f36
}

.katal kat-carousel .kat-carousel-controls-container>button kat-icon {
    color: #002f36
}

.katal kat-carousel kat-carousel-items kat-carousel-image .kat-carousel-label-inner {
    background: #002f36;
    border: 1px solid #aab7b8;
    color: #fff
}

.katal kat-carousel kat-carousel-items kat-carousel-image .kat-carousel-label-inner a {
    color: #fff
}

.katal kat-carousel .kat-carousel-nav-dot circle {
    stroke: #002f36;
    fill: #fff
}

.katal kat-carousel .kat-carousel-nav-dot.kat-current-dot circle {
    stroke: #fff;
    fill: #002f36
}

.katal kat-carousel .kat-carousel-mobile-labels>div {
    background: #002f36;
    color: #fff
}

.katal kat-carousel:not(:defined) {
    display: none
}

.katal kat-carousel kat-carousel-items {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%
}

.katal kat-carousel kat-carousel-items kat-carousel-image,
.katal kat-carousel kat-carousel-items kat-carousel-item {
    display: block;
    height: 100%;
    justify-content: center;
    top: 0;
    width: 100%
}

.katal kat-carousel kat-carousel-items kat-carousel-image:not([class*=kat-animating-]):not(.kat-current-item):not(.kat-visually-hidden),
.katal kat-carousel kat-carousel-items kat-carousel-item:not([class*=kat-animating-]):not(.kat-current-item):not(.kat-visually-hidden) {
    display: none
}

.katal kat-carousel kat-carousel-items kat-carousel-image.kat-animating-left-away,
.katal kat-carousel kat-carousel-items kat-carousel-item.kat-animating-left-away {
    transition: transform .5s ease
}

:not([dir]) .katal kat-carousel kat-carousel-items kat-carousel-image.kat-animating-left-away,
:not([dir]) .katal kat-carousel kat-carousel-items kat-carousel-item.kat-animating-left-away {
    transform: translateX(100%)
}

[dir=rtl] .katal kat-carousel kat-carousel-items kat-carousel-image.kat-animating-left-away,
[dir=rtl] .katal kat-carousel kat-carousel-items kat-carousel-item.kat-animating-left-away {
    transform: translateX(-100%)
}

.katal kat-carousel kat-carousel-items kat-carousel-image.kat-animating-left-into-start,
.katal kat-carousel kat-carousel-items kat-carousel-item.kat-animating-left-into-start {
    position: absolute;
    top: 0
}

:not([dir]) .katal kat-carousel kat-carousel-items kat-carousel-image.kat-animating-left-into-start,
:not([dir]) .katal kat-carousel kat-carousel-items kat-carousel-item.kat-animating-left-into-start {
    transform: translateX(-100%)
}

[dir=rtl] .katal kat-carousel kat-carousel-items kat-carousel-image.kat-animating-left-into-start,
[dir=rtl] .katal kat-carousel kat-carousel-items kat-carousel-item.kat-animating-left-into-start {
    transform: translateX(100%)
}

.katal kat-carousel kat-carousel-items kat-carousel-image.kat-animating-left-into,
.katal kat-carousel kat-carousel-items kat-carousel-item.kat-animating-left-into {
    position: absolute;
    top: 0;
    transform: translateX(0);
    transition: transform .5s ease
}

.katal kat-carousel kat-carousel-items kat-carousel-image.kat-animating-right-away,
.katal kat-carousel kat-carousel-items kat-carousel-item.kat-animating-right-away {
    transition: transform .5s ease
}

:not([dir]) .katal kat-carousel kat-carousel-items kat-carousel-image.kat-animating-right-away,
:not([dir]) .katal kat-carousel kat-carousel-items kat-carousel-item.kat-animating-right-away {
    transform: translateX(-100%)
}

[dir=rtl] .katal kat-carousel kat-carousel-items kat-carousel-image.kat-animating-right-away,
[dir=rtl] .katal kat-carousel kat-carousel-items kat-carousel-item.kat-animating-right-away {
    transform: translateX(100%)
}

.katal kat-carousel kat-carousel-items kat-carousel-image.kat-animating-right-into-start,
.katal kat-carousel kat-carousel-items kat-carousel-item.kat-animating-right-into-start {
    position: absolute;
    top: 0
}

:not([dir]) .katal kat-carousel kat-carousel-items kat-carousel-image.kat-animating-right-into-start,
:not([dir]) .katal kat-carousel kat-carousel-items kat-carousel-item.kat-animating-right-into-start {
    transform: translateX(100%)
}

[dir=rtl] .katal kat-carousel kat-carousel-items kat-carousel-image.kat-animating-right-into-start,
[dir=rtl] .katal kat-carousel kat-carousel-items kat-carousel-item.kat-animating-right-into-start {
    transform: translateX(-100%)
}

.katal kat-carousel kat-carousel-items kat-carousel-image.kat-animating-right-into,
.katal kat-carousel kat-carousel-items kat-carousel-item.kat-animating-right-into {
    position: absolute;
    top: 0;
    transform: translateX(0);
    transition: transform .5s ease
}

.katal kat-carousel kat-carousel-items kat-carousel-item {
    padding: 0 40px
}

.katal kat-carousel kat-carousel-items kat-carousel-image {
    display: flex;
    position: absolute
}

.katal kat-carousel kat-carousel-items kat-carousel-image .kat-carousel-background-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%
}

.katal kat-carousel kat-carousel-items kat-carousel-image[link-href] {
    cursor: pointer
}

.katal kat-carousel kat-carousel-items kat-carousel-image[image-fit=cover] .kat-carousel-background-image {
    background-size: cover
}

.katal kat-carousel kat-carousel-items kat-carousel-image .kat-carousel-label {
    bottom: 0;
    display: flex;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    max-height: 100%;
    max-width: 152px;
    position: absolute
}

:not([dir]) .katal kat-carousel kat-carousel-items kat-carousel-image .kat-carousel-label {
    right: 32px
}

[dir=rtl] .katal kat-carousel kat-carousel-items kat-carousel-image .kat-carousel-label {
    left: 32px
}

.katal kat-carousel kat-carousel-items kat-carousel-image .kat-carousel-label .kat-carousel-label-inner {
    display: flex;
    margin: 25px 0;
    overflow: hidden
}

.katal kat-carousel kat-carousel-items kat-carousel-image .kat-carousel-label .kat-carousel-label-inner .kat-carousel-label-text {
    display: block;
    margin: .75rem
}

.katal kat-carousel kat-carousel-items .kat-carousel-controls-container>button {
    cursor: pointer;
    height: 48px;
    margin-top: -24px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 28px;
    z-index: 10
}

.katal kat-carousel kat-carousel-items .kat-carousel-controls-container>button kat-icon {
    font-size: 50px;
    height: 50px;
    margin-top: 1px;
    width: 50px
}

:not([dir]) .katal kat-carousel kat-carousel-items .kat-carousel-controls-container>button kat-icon {
    margin-left: -11px
}

[dir=rtl] .katal kat-carousel kat-carousel-items .kat-carousel-controls-container>button kat-icon {
    margin-right: -11px
}

:not([dir]) .katal kat-carousel kat-carousel-items .kat-carousel-controls-container>button.kat-carousel-left-button {
    left: 0
}

:not([dir]) .katal kat-carousel kat-carousel-items .kat-carousel-controls-container>button.kat-carousel-right-button,
[dir=rtl] .katal kat-carousel kat-carousel-items .kat-carousel-controls-container>button.kat-carousel-left-button {
    right: 0
}

[dir=rtl] .katal kat-carousel kat-carousel-items .kat-carousel-controls-container>button.kat-carousel-right-button {
    left: 0
}

.katal kat-carousel kat-carousel-items .kat-carousel-controls-container>button.kat-carousel-hide {
    display: none
}

.katal kat-carousel[dir=rtl] kat-carousel-items .kat-carousel-controls-container>button.kat-carousel-left-button {
    left: unset;
    right: 0
}

.katal kat-carousel[dir=rtl] kat-carousel-items .kat-carousel-controls-container>button.kat-carousel-right-button {
    left: 0;
    right: unset
}

.katal kat-carousel .kat-carousel-nav-dots {
    bottom: 7px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: absolute;
    width: 100%
}

.katal kat-carousel .kat-carousel-nav-dots .kat-carousel-nav-dot {
    align-items: center;
    cursor: pointer;
    height: 12px;
    justify-content: center;
    width: 12px
}

:not([dir]) .katal kat-carousel .kat-carousel-nav-dots .kat-carousel-nav-dot {
    margin-left: 12px
}

[dir=rtl] .katal kat-carousel .kat-carousel-nav-dots .kat-carousel-nav-dot {
    margin-right: 12px
}

:not([dir]) .katal kat-carousel .kat-carousel-nav-dots .kat-carousel-nav-dot:first-child {
    margin-left: 0
}

[dir=rtl] .katal kat-carousel .kat-carousel-nav-dots .kat-carousel-nav-dot:first-child {
    margin-right: 0
}

.katal kat-carousel .kat-carousel-nav-dots .kat-carousel-nav-dot svg {
    pointer-events: none
}

.katal kat-carousel .kat-carousel-nav-dots .kat-carousel-nav-dot svg circle {
    stroke-width: 1px
}

.katal kat-carousel .kat-carousel-mobile-labels {
    display: none;
    height: 102px;
    margin-top: 2px;
    overflow: hidden;
    position: relative
}

.katal kat-carousel .kat-carousel-mobile-labels>div {
    display: flex;
    height: 100%;
    overflow: hidden
}

.katal kat-carousel .kat-carousel-mobile-labels>div:not([class*=kat-animating-]):not(.kat-current-item):not(.kat-visually-hidden) {
    display: none
}

.katal kat-carousel .kat-carousel-mobile-labels>div.kat-animating-left-away {
    transition: transform .5s ease
}

:not([dir]) .katal kat-carousel .kat-carousel-mobile-labels>div.kat-animating-left-away {
    transform: translateX(100%)
}

[dir=rtl] .katal kat-carousel .kat-carousel-mobile-labels>div.kat-animating-left-away {
    transform: translateX(-100%)
}

.katal kat-carousel .kat-carousel-mobile-labels>div.kat-animating-left-into-start {
    position: absolute;
    top: 0
}

:not([dir]) .katal kat-carousel .kat-carousel-mobile-labels>div.kat-animating-left-into-start {
    transform: translateX(-100%)
}

[dir=rtl] .katal kat-carousel .kat-carousel-mobile-labels>div.kat-animating-left-into-start {
    transform: translateX(100%)
}

.katal kat-carousel .kat-carousel-mobile-labels>div.kat-animating-left-into {
    position: absolute;
    top: 0;
    transform: translateX(0);
    transition: transform .5s ease
}

.katal kat-carousel .kat-carousel-mobile-labels>div.kat-animating-right-away {
    transition: transform .5s ease
}

:not([dir]) .katal kat-carousel .kat-carousel-mobile-labels>div.kat-animating-right-away {
    transform: translateX(-100%)
}

[dir=rtl] .katal kat-carousel .kat-carousel-mobile-labels>div.kat-animating-right-away {
    transform: translateX(100%)
}

.katal kat-carousel .kat-carousel-mobile-labels>div.kat-animating-right-into-start {
    position: absolute;
    top: 0
}

:not([dir]) .katal kat-carousel .kat-carousel-mobile-labels>div.kat-animating-right-into-start {
    transform: translateX(100%)
}

[dir=rtl] .katal kat-carousel .kat-carousel-mobile-labels>div.kat-animating-right-into-start {
    transform: translateX(-100%)
}

.katal kat-carousel .kat-carousel-mobile-labels>div.kat-animating-right-into {
    position: absolute;
    top: 0;
    transform: translateX(0);
    transition: transform .5s ease
}

.katal kat-carousel .kat-carousel-mobile-labels>div .kat-carousel-mobile-label-inner {
    margin: 12px 9px
}

.katal kat-carousel .kat-carousel-mobile-labels>div.kat-carousel-empty-label {
    display: none
}

.katal kat-carousel .kat-carousel-aria-alternate-items {
    list-style: none
}

@media screen and (max-width: 800px) {
    .katal kat-carousel kat-carousel-items kat-carousel-image .kat-carousel-label {
        display: none
    }

    .katal kat-carousel .kat-carousel-mobile-labels {
        display: block
    }
}

.katal kat-changeover-anchor [slot=cta] {
    --kat-link-color: #fff;
    --kat-link-color-active: #fff;
    --kat-link-color-hover: #fff;
    --kat-link-color-link: #fff;
    --kat-link-color-visited: #fff;
    --kat-link-text-decoration: underline
}

:root {
    --kat-popover-border-color: #008296;
    --kat-popover-border-width: var(--kat-border-width-xxsmall);
    --kat-popover-background: var(--kat-white);
    --kat-popover-padding: 10px
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 {
    --kat-popover-font-size: var(--kat-body-200-font-size);
    --kat-popover-padding: var(--kat-space-05);
    --kat-popover-border-color: var(--kat-border-message-default);
    --kat-popover-arrow-outlay: -4px;
    --kat-popover-arrow-height: 8px;
    --kat-popover-arrow-width: 8px;
    --kat-popover-filter: drop-shadow(0px 1px 2px var(--kat-shadow-20))
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-popover[variant=success] {
    --kat-popover-border-color: var(--kat-green-200);
    --kat-popover-background: var(--kat-green-50)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-popover[variant=error] {
    --kat-popover-border-color: var(--kat-red-200);
    --kat-popover-background: var(--kat-red-50)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-popover[variant=alert] {
    --kat-popover-border-color: var(--kat-yellow-200);
    --kat-popover-background: var(--kat-yellow-50)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-popover[variant=white] {
    --kat-popover-border-color: var(--kat-aqua-400);
    --kat-popover-background: var(--kat-white)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-popover[variant=snow] {
    --kat-popover-border-color: var(--kat-squid-ink-200);
    --kat-popover-background: var(--kat-squid-ink-50)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-popover[variant=azure] {
    --kat-popover-border-color: var(--kat-blue-200);
    --kat-popover-background: var(--kat-blue-50)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-popover[variant=jungle-mist] {
    --kat-popover-border-color: var(--kat-squid-ink-200);
    --kat-popover-background: var(--kat-squid-ink-200)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-popover[variant=zircon] {
    --kat-popover-border-color: var(--kat-squid-ink-100);
    --kat-popover-background: var(--kat-squid-ink-100)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-popover[variant=tooltip] {
    --kat-popover-border-color: var(--kat-squid-ink-500);
    --kat-popover-background: var(--kat-squid-ink-800)
}

:root {
    --kat-label-line-height: 1.125rem;
    --kat-label-font-weight: 400
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_3 {
    --kat-label-color-error: var(--kat-text-status-danger);
    --kat-label-font-size: var(--kat-heading-100-font-size);
    --kat-label-font-weight: var(--kat-heading-100-font-weight);
    --kat-label-line-height: var(--kat-heading-100-line-height);
    --kat-label-letter-spacing: var(--kat-heading-100-letter-spacing);
    --kat-label-font-size-constraint: var(--kat-body-100-font-size);
    --kat-label-font-weight-constraint: var(--kat-body-100-font-weight);
    --kat-label-line-height-constraint: var(--kat-body-100-line-height);
    --kat-label-letter-spacing-constraint: var(--kat-body-100-letter-spacing)
}

:root {
    --kat-checkbox-indicator-border-color: #008296;
    --kat-checkbox-indicator-icon-width-indeterminate: 0.5rem;
    --kat-checkbox-text-gap: var(--kat-padding-medium);
    --kat-checkbox-text-padding: 0;
    --kat-checkbox-text-color-disabled: var(--kat-font-color-disabled)
}

.katal kat-progress[state=warning] {
    --kat-progress-track-foreground: #ffc400;
    --kat-progress-icon-color: #ffc400
}

.katal kat-progress[state=error] {
    --kat-progress-track-foreground: #cc0c39;
    --kat-progress-icon-color: #cc0c39
}

.katal kat-progress[state=success] {
    --kat-progress-track-foreground: #538000;
    --kat-progress-icon-color: #538000
}

.katal kat-progress[size=small] {
    --kat-progress-linear-height: 4px;
    --kat-progress-icon-size: 12px
}

.katal kat-progress[size=large] {
    --kat-progress-linear-height: 14px
}

:root {
    --kat-dropdown-icon-color: #879596;
    --kat-dropdown-background: #fff;
    --kat-dropdown-border-color: #aab7b8;
    --kat-dropdown-indicator-size: 1.25rem;
    --kat-dropdown-indicator-height: auto;
    --kat-dropdown-indicator-width: 0.9375rem;
    --kat-dropdown-indicator-padding: 0.1875rem 0 0 0;
    --kat-dropdown-padding: 0.5rem;
    --kat-dropdown-option-padding: 0.5rem;
    --kat-dropdown-background-disabled: var(--kat-background-disabled);
    --kat-dropdown-color-disabled: var(--kat-font-color-disabled);
    --kat-dropdown-label-color-disabled: var(--kat-font-color-primary-dark);
    --kat-dropdown-option-border-color-disabled: transparent
}

.katal kat-dropdown[size=small] {
    --kat-dropdown-padding: 0.3125rem 0.5rem;
    --kat-dropdown-height: 1.625rem
}

.katal kat-dropdown[size=large] {
    --kat-dropdown-height: 2.125rem
}

.katal kat-dropdown[disabled] {
    --kat-dropdown-hover-ring-color: transparent;
    --kat-dropdown-hover-ring-outlay: 0
}

.katal .kat-visually-hidden {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.katal button.kat-no-style {
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0
}

.katal .kat-no-scroll {
    overflow: hidden;
    position: fixed
}

:not([dir]) .katal .kat-group-horizontal>*+* {
    margin-left: .625rem
}

[dir=rtl] .katal .kat-group-horizontal>*+* {
    margin-right: .625rem
}

.katal kat-data-table {
    border: 1px solid #d5dbdb;
    box-shadow: 0 1px 3px 0 #b5b5b5;
    display: table;
    width: 100%
}

.katal kat-data-table kat-table-title {
    background: #fafafa;
    border-bottom: 1px solid #d5dbdb;
    box-sizing: border-box;
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 1rem 1.5rem;
    width: 100%
}

:not([dir]) .katal kat-data-table kat-table-title {
    text-align: left
}

[dir=rtl] .katal kat-data-table kat-table-title {
    text-align: right
}

.katal kat-data-table table {
    border-collapse: collapse;
    margin-bottom: 0 !important;
    width: 100%
}

.katal kat-data-table thead {
    font-weight: 700
}

.katal kat-data-table thead td,
.katal kat-data-table thead th {
    background: #fff;
    border-bottom: 1px solid #d5dbdb;
    padding: .75rem .86rem !important
}

:not([dir]) .katal kat-data-table thead td,
:not([dir]) .katal kat-data-table thead th {
    padding-right: 0 !important;
    text-align: left
}

[dir=rtl] .katal kat-data-table thead td,
[dir=rtl] .katal kat-data-table thead th {
    padding-left: 0 !important;
    text-align: right
}

.katal kat-data-table thead td kat-table-cell-inner,
.katal kat-data-table thead th kat-table-cell-inner {
    display: flex;
    width: 100%
}

:not([dir]) .katal kat-data-table thead td kat-table-cell-inner,
:not([dir]) .katal kat-data-table thead th kat-table-cell-inner {
    border-right: 1px solid #aab7b8;
    margin-right: .86rem
}

[dir=rtl] .katal kat-data-table thead td kat-table-cell-inner,
[dir=rtl] .katal kat-data-table thead th kat-table-cell-inner {
    border-left: 1px solid #aab7b8;
    margin-left: .86rem
}

.katal kat-data-table thead td .kat-table-header-text,
.katal kat-data-table thead th .kat-table-header-text {
    width: 100%
}

:not([dir]) .katal kat-data-table thead td:first-child,
:not([dir]) .katal kat-data-table thead th:first-child {
    padding-left: 1.5rem
}

[dir=rtl] .katal kat-data-table thead td:first-child,
[dir=rtl] .katal kat-data-table thead th:first-child {
    padding-right: 1.5rem
}

.katal kat-data-table thead td:last-child kat-table-cell-inner,
.katal kat-data-table thead th:last-child kat-table-cell-inner {
    border: none
}

.katal kat-data-table thead td.kat-table-sort-column-highlight,
.katal kat-data-table thead th.kat-table-sort-column-highlight {
    background: #f5f9fa
}

.katal kat-data-table tbody tr {
    background: #fff
}

.katal kat-data-table tbody tr:first-of-type td {
    border: none
}

.katal kat-data-table tbody tr td {
    border-top: 1px solid #d5dbdb;
    padding: .75rem .86rem !important;
    position: relative;
    vertical-align: middle !important
}

:not([dir]) .katal kat-data-table tbody tr td {
    text-align: left
}

[dir=rtl] .katal kat-data-table tbody tr td {
    text-align: right
}

:not([dir]) .katal kat-data-table tbody tr td:first-of-type {
    padding-left: 1.5rem
}

[dir=rtl] .katal kat-data-table tbody tr td:first-of-type {
    padding-right: 1.5rem
}

.katal kat-data-table kat-table-footer {
    background: #fafafa;
    border-top: 1px solid #d5dbdb;
    display: block;
    height: 1rem;
    width: 100%
}

.katal kat-data-table td.kat-checkbox-column kat-checkbox {
    display: inline-block
}

.katal kat-data-table td.kat-checkbox-column kat-checkbox .text-container {
    display: none
}

.katal kat-data-table .kat-checkbox-column {
    vertical-align: middle;
    width: 40px
}

.katal kat-data-table .kat-data-table-selected-row {
    background: #f5f9fa
}

.katal kat-data-table .kat-table-sorting-controls {
    background: none;
    border: 0;
    color: #002f36;
    cursor: pointer
}

:root {
    --kat-input-padding: 0.5rem;
    --kat-input-height: 2.125rem;
    --kat-input-hover-ring-width: 0;
    --kat-input-border-color-disabled: var(--kat-border-color-input-default)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_3 {
    --kat-input-placeholder-font-style: normal;
    --kat-input-placeholder-color: var(--kat-text-secondary);
    --kat-input-border-color: var(--kat-border-control-default);
    --kat-input-border-radius: 2px;
    --kat-input-box-shadow: none;
    --kat-input-focus-ring-width: 2px;
    --kat-input-border-color-disabled: var(--kat-border-control-disabled);
    --kat-input-background-disabled: var(--kat-background-control-disabled);
    --kat-input-color-disabled: var(--kat-text-disabled);
    --kat-input-border-color-error: var(--kat-border-message-danger);
    --kat-input-label-font-weight: var(--kat-heading-200-font-weight);
    --kat-input-label-line-height: var(--kat-heading-200-line-height);
    --kat-input-label-tooltip-font-weight: var(--kat-body-200-font-weight)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_3 kat-input {
    --hover-ring-radius: 2px
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_3 kat-input[disabled] {
    --kat-input-placeholder-color: var(--kat-text-disabled)
}

:root {
    --kat-date-picker-icon-color: #0e8097;
    --kat-date-picker-icon-color-disabled: #757575;
    --kat-date-picker-width: 140px;
    --kat-date-picker-icon-padding: 0 0.55rem;
    --kat-date-picker-input-padding: 0.5rem
}

.katal .kat-divider,
.katal kat-divider,
.katal kat-divider[variant=athens],
.katal kat-divider[variant=eastern],
.katal kat-divider[variant=nordic],
.katal kat-divider[variant=zircon] {
    display: block;
    height: .0625rem;
    margin: .5rem 0 .5rem 0
}

.katal .kat-divider.kat-divider-athens,
.katal kat-divider.kat-divider-athens,
.katal kat-divider[variant=athens] {
    background-color: #d5dbdb
}

.katal .kat-divider.kat-divider-zircon,
.katal kat-divider.kat-divider-zircon,
.katal kat-divider[variant=zircon] {
    background-color: #e3eced;
    height: 1.875rem
}

.katal .kat-divider.kat-divider-nordic,
.katal kat-divider.kat-divider-nordic,
.katal kat-divider[variant=nordic] {
    background-color: #002f36
}

.katal .kat-divider.kat-divider-eastern,
.katal kat-divider.kat-divider-eastern,
.katal kat-divider[variant=eastern] {
    background-color: #008296
}

.SP_SERVICES_706592_T1 kat-divider {
    display: block;
    height: .0625rem;
    margin: var(--kat-padding-small) 0
}

.SP_SERVICES_706592_T1 kat-divider[variant=athens] {
    background-color: var(--kat-squid-ink-200)
}

.SP_SERVICES_706592_T1 kat-divider[variant=zircon] {
    background-color: var(--kat-squid-ink-100);
    height: 1.875rem
}

.SP_SERVICES_706592_T1 kat-divider[variant=nordic] {
    background-color: var(--kat-squid-ink-700)
}

.SP_SERVICES_706592_T1 kat-divider[variant=eastern] {
    background-color: var(--kat-aqua-400)
}

.SP_SERVICES_706592_T1 .kat-divider,
.SP_SERVICES_706592_T1 kat-divider {
    display: block;
    height: .0625rem;
    margin: var(--kat-padding-small) 0
}

.SP_SERVICES_706592_T1 .kat-divider.kat-divider-athens,
.SP_SERVICES_706592_T1 kat-divider.kat-divider-athens,
.SP_SERVICES_706592_T1 kat-divider[variant=athens] {
    background-color: var(--kat-squid-ink-200)
}

.SP_SERVICES_706592_T1 .kat-divider.kat-divider-zircon,
.SP_SERVICES_706592_T1 kat-divider.kat-divider-zircon,
.SP_SERVICES_706592_T1 kat-divider[variant=zircon] {
    background-color: var(--kat-squid-ink-100);
    height: 1.875rem
}

.SP_SERVICES_706592_T1 .kat-divider.kat-divider-nordic,
.SP_SERVICES_706592_T1 kat-divider.kat-divider-nordic,
.SP_SERVICES_706592_T1 kat-divider[variant=nordic] {
    background-color: var(--kat-squid-ink-700)
}

.SP_SERVICES_706592_T1 .kat-divider.kat-divider-eastern,
.SP_SERVICES_706592_T1 kat-divider.kat-divider-eastern,
.SP_SERVICES_706592_T1 kat-divider[variant=eastern] {
    background-color: var(--kat-aqua-400)
}

:root {
    --kat-dropdown-button-box-shadow: 0 1px 2px 0 #b5b5b5;
    --kat-dropdown-button-border-radius: 0.1rem;
    --kat-dropdown-button-font-size: var(--kat-font-size-medium);
    --kat-dropdown-button-letter-spacing: 0.003rem;
    --kat-dropdown-button-option-text-align: left;
    --kat-dropdown-button-border-width: var(--kat-border-width-xxsmall);
    --kat-dropdown-button-option-background-hover: #e3eced;
    --kat-dropdown-button-menu-border-color: transparent;
    --kat-dropdown-button-background: var(--kat-background-cta);
    --kat-dropdown-button-border-color: var(--background);
    --kat-dropdown-button-color: #fff;
    --kat-dropdown-button-padding: var(--kat-padding-small) 1.5rem;
    --kat-dropdown-button-line-height: 1.25;
    --kat-dropdown-button-background-disabled: #879596;
    --kat-dropdown-button-border-color-disabled: #879596;
    --kat-dropdown-button-color-disabled: #fff;
    --kat-dropdown-button-background-hover: #006878;
    --kat-dropdown-button-border-color-hover: #006878
}

:root .SP_SERVICES_706592_T1 {
    --kat-dropdown-button-box-shadow: none;
    --kat-dropdown-button-border-radius: var(--kat-border-radius-xsmall);
    --kat-dropdown-button-border-width: var(--kat-border-width-small);
    --kat-dropdown-button-font-size: var(--kat-body-200-dense-font-size);
    --kat-dropdown-button-line-height: var(--kat-body-200-dense-line-height);
    --kat-dropdown-button-letter-spacing: var(--kat-body-200-dense-letter-spacing);
    --kat-dropdown-button-padding: calc(var(--kat-space-03) - var(--kat-dropdown-button-border-width)) var(--kat-space-07);
    --kat-dropdown-button-indicator-padding: var(--kat-space-01);
    --kat-dropdown-button-indicator-size: 22px;
    --kat-dropdown-button-menu-border-color: transparent;
    --kat-dropdown-button-menu-box-shadow: 0px 1px 2px var(--kat-squid-ink-300);
    --kat-dropdown-button-option-text-align: left;
    --kat-dropdown-button-option-padding: var(--kat-space-03) var(--kat-space-05);
    --kat-dropdown-button-option-box-shadow: none;
    --kat-dropdown-button-option-background-hover: var(--kat-background-item-hover);
    --kat-dropdown-button-option-border-color-hover: transparent;
    --kat-dropdown-button-focus-ring-outlay: -1px;
    --kat-dropdown-button-focus-ring-width: 1px;
    --kat-dropdown-button-focus-ring-radius: 0px
}

:root .SP_SERVICES_706592_T1 kat-dropdown-button[variant=primary] {
    --kat-dropdown-button-background: var(--kat-background-button-primary-default);
    --kat-dropdown-button-background-active: var(--kat-background-button-primary-active);
    --kat-dropdown-button-background-disabled: var(--kat-background-button-primary-disabled);
    --kat-dropdown-button-background-hover: var(--kat-background-button-primary-hover);
    --kat-dropdown-button-border-color: var(--kat-border-button-primary-default);
    --kat-dropdown-button-border-color-active: var(--kat-border-button-primary-active);
    --kat-dropdown-button-border-color-disabled: var(--kat-border-button-primary-disabled);
    --kat-dropdown-button-border-color-focus: var(--kat-border-button-primary-default);
    --kat-dropdown-button-border-color-hover: var(--kat-border-button-primary-hover);
    --kat-dropdown-button-focus-ring-color: var(--kat-label-button-primary);
    --kat-dropdown-button-color: var(--kat-label-button-primary);
    --kat-dropdown-button-color-hover: var(--kat-label-button-primary);
    --kat-dropdown-button-color-disabled: var(--kat-label-button-primary-disabled);
    --kat-dropdown-button-separator-background: var(--kat-label-button-primary)
}

:root .SP_SERVICES_706592_T1 kat-dropdown-button[variant=primary][disabled] {
    --kat-dropdown-button-separator-background: var(--kat-label-button-primary-disabled)
}

:root .SP_SERVICES_706592_T1 kat-dropdown-button[variant=secondary] {
    --kat-dropdown-button-background: var(--kat-background-button-secondary-default);
    --kat-dropdown-button-background-active: var(--kat-background-button-secondary-active);
    --kat-dropdown-button-background-disabled: var(--kat-background-button-secondary-disabled);
    --kat-dropdown-button-background-hover: var(--kat-background-button-secondary-hover);
    --kat-dropdown-button-border-color: var(--kat-border-button-secondary-default);
    --kat-dropdown-button-border-color-active: var(--kat-border-button-secondary-active);
    --kat-dropdown-button-border-color-disabled: var(--kat-border-button-secondary-disabled);
    --kat-dropdown-button-border-color-focus: var(--kat-border-button-primary-default);
    --kat-dropdown-button-border-color-hover: var(--kat-border-button-secondary-hover);
    --kat-dropdown-button-focus-ring-color: var(--kat-label-button-secondary);
    --kat-dropdown-button-color: var(--kat-label-button-secondary);
    --kat-dropdown-button-color-hover: var(--kat-label-button-secondary);
    --kat-dropdown-button-color-disabled: var(--kat-label-button-secondary-disabled);
    --kat-dropdown-button-separator-background: var(--kat-label-button-secondary)
}

:root .SP_SERVICES_706592_T1 kat-dropdown-button[variant=secondary][disabled] {
    --kat-dropdown-button-separator-background: var(--kat-label-button-secondary-disabled)
}

:root .SP_SERVICES_706592_T1 kat-dropdown-button[variant=tertiary] {
    --kat-dropdown-button-background: var(--kat-background-button-tertiary-default);
    --kat-dropdown-button-background-active: var(--kat-background-button-tertiary-active);
    --kat-dropdown-button-background-disabled: var(--kat-background-button-tertiary-disabled);
    --kat-dropdown-button-background-hover: var(--kat-background-button-tertiary-hover);
    --kat-dropdown-button-border-color: var(--kat-border-button-tertiary-default);
    --kat-dropdown-button-border-color-active: var(--kat-border-button-tertiary-active);
    --kat-dropdown-button-border-color-disabled: var(--kat-border-button-tertiary-disabled);
    --kat-dropdown-button-border-color-focus: var(--kat-border-button-primary-default);
    --kat-dropdown-button-border-color-hover: var(--kat-border-button-tertiary-hover);
    --kat-dropdown-button-focus-ring-color: var(--kat-label-button-tertiary);
    --kat-dropdown-button-color: var(--kat-label-button-tertiary);
    --kat-dropdown-button-color-hover: var(--kat-label-button-tertiary);
    --kat-dropdown-button-color-disabled: var(--kat-label-button-tertiary-disabled);
    --kat-dropdown-button-separator-background: var(--kat-label-button-tertiary)
}

:root .SP_SERVICES_706592_T1 kat-dropdown-button[variant=tertiary][disabled] {
    --kat-dropdown-button-separator-background: var(--kat-label-button-tertiary-disabled)
}

:root .SP_SERVICES_706592_T1 kat-dropdown-button:hover:not([disabled]) {
    --kat-dropdown-button-box-shadow: 0px 1px 2px var(--kat-squid-ink-300)
}

:root .SP_SERVICES_706592_T1 kat-dropdown-button[variant=secondary][disabled] {
    --kat-dropdown-button-separator-background: var(--kat-border-button-secondary-disabled);
    --kat-dropdown-button-border-width: var(--kat-border-width-xxsmall);
    --kat-dropdown-button-padding: calc(var(--kat-space-03) - var(--kat-border-width-small) + var(--kat-border-width-xxsmall)) calc(var(--kat-space-07) + var(--kat-border-width-small) - var(--kat-border-width-xxsmall));
    --kat-dropdown-button-indicator-padding: calc(var(--kat-space-01) + var(--kat-border-width-small) - var(--kat-border-width-xxsmall))
}

:root .SP_SERVICES_706592_T1 kat-dropdown-button[size=small] {
    --kat-dropdown-button-font-size: var(--kat-body-100-font-size);
    --kat-dropdown-button-line-height: var(--kat-body-100-line-height);
    --kat-dropdown-button-indicator-size: var(--kat-icon-size-xsmall);
    --kat-dropdown-button-padding: calc(var(--kat-padding-xxsmall) - var(--kat-dropdown-button-border-width)) var(--kat-padding-small);
    --kat-dropdown-button-indicator-padding: 0 var(--kat-border-width-xxsmall);
    --kat-dropdown-button-option-padding: var(--kat-space-02) var(--kat-space-03)
}

:root .SP_SERVICES_706592_T1 kat-dropdown-button[single-target] {
    --kat-dropdown-button-indicator-padding: var(--kat-border-width-small)
}

:root .SP_SERVICES_706592_T1 kat-dropdown-button[single-target][size=small] {
    --kat-dropdown-button-indicator-padding: var(--kat-space-01);
    --kat-dropdown-button-border-width: var(--kat-border-width-xsmall)
}

.katal kat-dropdown-button[size=small] {
    --kat-dropdown-button-font-size: 0.7rem;
    --kat-dropdown-button-line-height: 0.7rem;
    --kat-dropdown-button-padding: var(--kat-padding-small);
    --kat-dropdown-button-indicator-padding: 0.15rem 0.15rem 0
}

.katal kat-dropdown-button[variant=primary] {
    --kat-dropdown-button-focus-ring-color: #002f36
}

.katal kat-dropdown-button[variant=secondary] {
    --kat-dropdown-button-background: #e3eced;
    --kat-dropdown-button-border-color: #e3eced;
    --kat-dropdown-button-color: var(--kat-font-color-primary-dark);
    --kat-dropdown-button-background-hover: #b6d0d3;
    --kat-dropdown-button-border-color-hover: #b6d0d3;
    --kat-dropdown-button-color-hover: var(--kat-font-color-primary-dark);
    --kat-dropdown-button-background-disabled: #f5f9fa;
    --kat-dropdown-button-border-color-disabled: #f5f9fa;
    --kat-dropdown-button-color-disabled: #757575
}

.katal kat-dropdown-button[variant=secondary],
.katal kat-dropdown-button[variant=secondary][disabled] {
    --kat-dropdown-button-separator-background: #b5b5b5
}

.katal kat-dropdown-button[disabled] {
    --kat-dropdown-button-separator-background: #667575
}

:root {
    --kat-expander-indicator-color: #002f36;
    --kat-expander-badge-max-width: 150px;
    --kat-expander-content-color: #667575;
    --kat-expander-indicator-size: 1rem;
    --kat-expander-header-padding: 1.25rem 0;
    --kat-expander-label-font-size: 0.875rem
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 {
    --kat-expander-indicator-color: var(--kat-background-status-default);
    --kat-expander-content-color: var(--kat-text-secondary);
    --kat-expander-indicator-size: var(--kat-icon-size-small);
    --kat-expander-header-padding: 0;
    --kat-expander-label-font-weight: var(--kat-body-200-dense-font-weight);
    --kat-expander-label-font-size: var(--kat-body-200-dense-font-size);
    --kat-expander-label-line-height: var(--kat-body-200-dense-line-height);
    --kat-expander-label-padding: var(--kat-space-01) var(--kat-space-03) var(--kat-space-01) var(--kat-space-00);
    --kat-expander-label-color-hover: var(--kat-text-primary);
    --kat-expander-badge-margin: var(--kat-space-00) var(--kat-space-03) var(--kat-space-00) var(--kat-space-00);
    --kat-expander-indicator-transform: none;
    --kat-expander-indicator-transform-expanded: none;
    --kat-expander-indicator-transform-rtl: none
}

:root {
    --kat-modal-body-border-color: #d5dbdb;
    --kat-modal-body-border-style: solid;
    --kat-modal-body-border-width: 1px 0;
    --kat-modal-body-font-size: 0.8125rem;
    --kat-modal-body-padding: 1rem 1.875rem;
    --kat-modal-close-size: 1.5rem;
    --kat-modal-footer-padding: 1rem 1.875rem;
    --kat-modal-header-background: #fafafa;
    --kat-modal-title-line-height: normal;
    --kat-modal-header-padding: 1rem 1.875rem;
    --kat-modal-title-font-size: 1.25rem;
    --kat-modal-title-font-weight: bold
}

@media (max-width: 720px) {
    :root {
        --kat-modal-margin: 0;
        --kat-modal-max-width: none;
        --kat-modal-max-height: none
    }
}

.katal kat-file-upload {
    --attach-area-height: 60px
}

.katal kat-file-upload[variant=large] {
    --attach-area-height: 152px
}

.katal kat-file-upload:not(multiple) {
    --attachment-container-overflow: unset
}

.katal kat-flashbar {
    display: block;
    width: 100%
}

.katal kat-flashbar[dismissed] {
    display: none
}

.katal kat-flashbar .alert-container {
    display: block;
    font-size: .875rem;
    padding: 1rem;
    padding-bottom: 1.5rem
}

:not([dir]) .katal kat-flashbar .alert-container {
    padding-left: 1.5rem
}

[dir=rtl] .katal kat-flashbar .alert-container {
    padding-right: 1.5rem
}

.katal kat-flashbar .alert-container.small {
    padding-bottom: 1rem
}

.katal kat-flashbar .alert-container .alert-row {
    display: flex
}

.katal kat-flashbar .alert-container .alert-row .content,
.katal kat-flashbar .alert-container .alert-row .icon {
    justify-self: flex-start
}

.katal kat-flashbar .alert-container .alert-row .dismiss,
.katal kat-flashbar .alert-container .alert-row .flashbar-cta {
    justify-self: flex-end
}

.katal kat-flashbar .alert-container .alert-row .flashbar-cta {
    min-width: 250px;
    position: relative
}

:not([dir]) .katal kat-flashbar .alert-container .alert-row .flashbar-cta {
    margin-left: auto;
    text-align: right
}

[dir=rtl] .katal kat-flashbar .alert-container .alert-row .flashbar-cta {
    margin-right: auto;
    text-align: left
}

.katal kat-flashbar .alert-container .alert-row .flashbar-cta kat-link {
    --padding: 0 1.5rem !important;
    --background: none;
    display: inline;
    position: relative;
    white-space: nowrap
}

:not([dir]) .katal kat-flashbar .alert-container .alert-row .flashbar-cta kat-link {
    margin-right: 10px
}

[dir=rtl] .katal kat-flashbar .alert-container .alert-row .flashbar-cta kat-link {
    margin-left: 10px
}

.katal kat-flashbar .alert-container .alert-row .content {
    padding-top: .1rem
}

.katal kat-flashbar .alert-container .alert-row .content .header {
    position: relative;
    top: -2px
}

.katal kat-flashbar .alert-container .alert-row .dismiss {
    cursor: pointer
}

.katal kat-flashbar .alert-container .alert-row .dismiss kat-icon {
    top: 2px
}

:not([dir]) .katal kat-flashbar .alert-container .alert-row .icon.icon-small {
    padding-right: .5rem
}

[dir=rtl] .katal kat-flashbar .alert-container .alert-row .icon.icon-small {
    padding-left: .5rem
}

:not([dir]) .katal kat-flashbar .alert-container .alert-row .icon.icon-large {
    padding-right: .75rem
}

[dir=rtl] .katal kat-flashbar .alert-container .alert-row .icon.icon-large {
    padding-left: .75rem
}

.katal kat-flashbar .alert-container .alert-row .header {
    font-weight: 700
}

.katal kat-flashbar .alert-container .alert-row .description {
    font-size: .875rem
}

.katal kat-flashbar .alert-container.info {
    background: #e5f2f4
}

.katal kat-flashbar .alert-container.info .header {
    color: #002f36
}

.katal kat-flashbar .alert-container.success {
    background: #edf2e5
}

.katal kat-flashbar .alert-container.success .header {
    color: #002f36
}

.katal kat-flashbar .alert-container.danger {
    background: #faeaea
}

.katal kat-flashbar .alert-container.danger .header {
    color: #002f36
}

.katal kat-flashbar .alert-container.warning {
    background: #fff5d1
}

.katal kat-flashbar .alert-container.warning .header {
    color: #002f36
}

.katal kat-flashbar .alert-container.dismissed {
    display: none
}

:root {
    --kat-star-rating-star-max-width: 16px;
    --kat-star-rating-star-min-width: 16px;
    --kat-star-rating-star-max-height: 16px;
    --kat-star-rating-review-padding: 0 0 0 5px;
    --kat-star-rating-star-margin: 0 0 0 3px
}

.katal kat-star-rating[variant=input] {
    --kat-star-rating-star-max-width: 32px;
    --kat-star-rating-star-min-width: 32px;
    --kat-star-rating-star-max-height: 32px;
    --kat-star-rating-star-stroke-width: 0.5px;
    --kat-star-rating-star-stroke-width-hover: 1px
}

:root {
    --kat-textarea-min-height: 2.015625rem;
    --kat-textarea-min-width: 3rem
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_3 {
    --kat-textarea-border-radius: var(--kat-space-01);
    --kat-textarea-border-color: var(--kat-border-control-default);
    --kat-textarea-label-font-size: var(--kat-heading-100-font-size);
    --kat-textarea-label-outlay: var(--kat-space-02);
    --kat-textarea-label-font-weight: var(--kat-heading-100-font-weight);
    --kat-textarea-label-line-height: var(--kat-heading-100-line-height);
    --kat-textarea-label-icon-color: var(--kat-text-label);
    --kat-textarea-label-icon-height: 16px;
    --kat-textarea-label-icon-width: 16px;
    --kat-textarea-min-width: 220px;
    --kat-textarea-min-height: 62px;
    --kat-textarea-placeholder-font-style: normal;
    --kat-textarea-placeholder-line-height: 1.15;
    --kat-textarea-placeholder-color: var(--kat-text-secondary);
    --kat-textarea-placeholder-color-focus: var(--kat-squid-ink-400);
    --kat-textarea-background: var(--kat-background-control-default);
    --kat-textarea-background-disabled: var(--kat-background-control-disabled);
    --kat-textarea-color-disabled: var(--kat-foreground-control-disabled);
    --kat-textarea-border-color-error: var(--kat-border-message-danger)
}

.katal kat-tooltip {
    display: inline-block;
    position: relative
}

.katal kat-tooltip .kat-tooltip-arrow {
    border-color: #002f36 transparent transparent transparent;
    border-style: solid;
    border-width: 4px 6px 0 6px;
    display: none;
    position: absolute;
    top: -6px;
    z-index: 100
}

:not([dir]) .katal kat-tooltip .kat-tooltip-arrow {
    left: 50%;
    transform: translateX(-50%)
}

[dir=rtl] .katal kat-tooltip .kat-tooltip-arrow {
    right: 50%;
    transform: translateX(50%)
}

.katal kat-tooltip .kat-tooltip-label {
    background: #002f36;
    color: #fff;
    content: attr(label);
    display: none;
    font-family: Amazon Ember, Arial, sans-serif;
    font-size: .8125rem;
    line-height: 1.2rem;
    min-width: 200px;
    padding: 1em;
    position: absolute;
    top: -6px;
    z-index: 100
}

:not([dir]) .katal kat-tooltip .kat-tooltip-label {
    left: 50%;
    transform: translateX(-50%) translateY(-100%)
}

[dir=rtl] .katal kat-tooltip .kat-tooltip-label {
    right: 50%;
    transform: translateX(50%) translateY(-100%)
}

.katal kat-tooltip[position=left] .kat-tooltip-arrow {
    top: 50%
}

:not([dir]) .katal kat-tooltip[position=left] .kat-tooltip-arrow {
    left: 0;
    margin-left: -12px;
    transform: translatey(-50%) rotate(-90deg)
}

[dir=rtl] .katal kat-tooltip[position=left] .kat-tooltip-arrow {
    margin-right: -12px;
    right: 0;
    transform: translatey(-50%) rotate(90deg)
}

.katal kat-tooltip[position=left] .kat-tooltip-label {
    top: 50%
}

:not([dir]) .katal kat-tooltip[position=left] .kat-tooltip-label {
    left: 0;
    margin-left: -8px;
    transform: translateX(-100%) translateY(-50%)
}

[dir=rtl] .katal kat-tooltip[position=left] .kat-tooltip-label {
    margin-right: -8px;
    right: 0;
    transform: translateX(100%) translateY(-50%)
}

:not([dir]) .katal kat-tooltip[position=top] .kat-tooltip-arrow {
    left: 50%
}

[dir=rtl] .katal kat-tooltip[position=top] .kat-tooltip-arrow {
    right: 50%
}

:not([dir]) .katal kat-tooltip[position=top] .kat-tooltip-label {
    left: 50%
}

[dir=rtl] .katal kat-tooltip[position=top] .kat-tooltip-label {
    right: 50%
}

.katal kat-tooltip[position=bottom] .kat-tooltip-arrow {
    margin-top: 8px;
    top: 100%
}

:not([dir]) .katal kat-tooltip[position=bottom] .kat-tooltip-arrow {
    transform: translateX(-50%) translatey(-100%) rotate(-180deg)
}

[dir=rtl] .katal kat-tooltip[position=bottom] .kat-tooltip-arrow {
    transform: translateX(50%) translatey(-100%) rotate(180deg)
}

.katal kat-tooltip[position=bottom] .kat-tooltip-label {
    margin-top: 8px;
    top: 100%
}

:not([dir]) .katal kat-tooltip[position=bottom] .kat-tooltip-label {
    transform: translateX(-50%) translateY(0)
}

[dir=rtl] .katal kat-tooltip[position=bottom] .kat-tooltip-label {
    transform: translateX(50%) translateY(0)
}

.katal kat-tooltip[position=right] .kat-tooltip-arrow {
    top: 50%
}

:not([dir]) .katal kat-tooltip[position=right] .kat-tooltip-arrow {
    left: 100%;
    margin-left: 1px;
    transform: translatey(-50%) rotate(90deg)
}

[dir=rtl] .katal kat-tooltip[position=right] .kat-tooltip-arrow {
    margin-right: 1px;
    right: 100%;
    transform: translatey(-50%) rotate(-90deg)
}

.katal kat-tooltip[position=right] .kat-tooltip-label {
    top: 50%;
    transform: translateX(0) translateY(-50%)
}

:not([dir]) .katal kat-tooltip[position=right] .kat-tooltip-label {
    left: 100%;
    margin-left: 8px
}

[dir=rtl] .katal kat-tooltip[position=right] .kat-tooltip-label {
    margin-right: 8px;
    right: 100%
}

.katal kat-tooltip :focus~.kat-tooltip-arrow,
.katal kat-tooltip :focus~.kat-tooltip-label,
.katal kat-tooltip:hover .kat-tooltip-arrow,
.katal kat-tooltip:hover .kat-tooltip-label {
    display: block
}

.katal kat-hmd:not([mode=modal]) .kat-hmd-title {
    align-items: center;
    background: var(--header-background);
    border-color: var(--header-border-color);
    border-radius: var(--header-border-radius);
    border-style: var(--header-border-style);
    border-width: var(--header-border-width);
    color: var(--header-color);
    color: var(--title-color);
    display: flex;
    font-family: var(--title-font-family);
    font-size: var(--title-font-size);
    font-weight: var(--title-font-weight);
    line-height: var(--title-line-height);
    padding: var(--header-padding);
    position: relative
}

.katal kat-hmd:not([mode=modal]) .kat-hmd-body {
    background: var(--body-background);
    border-color: var(--body-border-color);
    border-radius: var(--body-border-radius);
    border-style: var(--body-border-style);
    border-width: var(--body-border-width);
    color: var(--body-color);
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    padding: var(--body-padding)
}

.katal kat-hmd:not([mode=modal]) .kat-hmd-footer {
    background: var(--footer-background);
    border-color: var(--footer-border-color);
    border-radius: var(--footer-border-radius);
    border-style: var(--footer-border-style);
    border-width: var(--footer-border-width);
    color: var(--footer-color);
    display: flex;
    font-family: var(--footer-font-family);
    font-size: var(--footer-font-size);
    font-weight: var(--footer-font-weight);
    justify-content: flex-end;
    line-height: var(--footer-line-height);
    padding: var(--footer-padding)
}

.katal kat-hmd:not([mode=modal]) .kat-hmd-footer.kat-hmd-hide {
    border: none;
    display: none;
    padding: 0
}

.katal kat-hmd[mode=modal] {
    --kat-modal-background: var(--background);
    --kat-modal-border-color: var(--border-color);
    --kat-modal-border-width: var(--border-width);
    --kat-modal-border-style: var(--border-style);
    --kat-modal-border-radius: var(--border-radius);
    --kat-modal-color: var(--color);
    --kat-modal-font-size: var(--font-size);
    --kat-modal-font-weight: var(--font-weight);
    --kat-modal-font-family: var(--font-family);
    --kat-modal-line-height: var(--line-height);
    --kat-modal-padding: var(--padding);
    --kat-modal-box-shadow: var(--box-shadow);
    --kat-modal-height: var(--height);
    --kat-modal-max-height: var(--max-height);
    --kat-modal-width: var(--width);
    --kat-modal-max-width: var(--max-width);
    --kat-modal-z-index: var(--z-index);
    --kat-modal-transform: var(--transform);
    --kat-modal-transition: var(--transition);
    --kat-modal-transform-visible: var(--transform-visible);
    --kat-modal-transition-visible: var(--transition-visible);
    --kat-modal-overlay-background: var(--overlay-background);
    --kat-modal-overlay-z-index: var(--overlay-z-index);
    --kat-modal-overlay-transition: var(--overlay-transition);
    --kat-modal-overlay-transition-visible: var(--overlay-transition-visible);
    --kat-modal-header-border-color: var(--header-border-color);
    --kat-modal-header-border-width: var(--header-border-width);
    --kat-modal-header-border-style: var(--header-border-style);
    --kat-modal-header-border-radius: var(--header-border-radius);
    --kat-modal-header-background: var(--header-background);
    --kat-modal-header-color: var(--header-color);
    --kat-modal-header-padding: var(--header-padding);
    --kat-modal-title-color: var(--title-color);
    --kat-modal-title-font-size: var(--title-font-size);
    --kat-modal-title-font-weight: var(--title-font-weight);
    --kat-modal-title-font-family: var(--title-font-family);
    --kat-modal-title-line-height: var(--title-line-height);
    --kat-modal-title-padding: var(--title-padding);
    --kat-modal-body-background: var(--body-background);
    --kat-modal-body-border-color: var(--body-border-color);
    --kat-modal-body-border-width: var(--body-border-width);
    --kat-modal-body-border-style: var(--body-border-style);
    --kat-modal-body-border-radius: var(--body-border-radius);
    --kat-modal-body-color: var(--body-color);
    --kat-modal-body-font-size: var(--body-font-size);
    --kat-modal-body-font-weight: var(--body-font-weight);
    --kat-modal-body-font-family: var(--body-font-family);
    --kat-modal-body-line-height: var(--body-line-height);
    --kat-modal-body-padding: var(--body-padding);
    --kat-modal-footer-background: var(--footer-background);
    --kat-modal-footer-border-color: var(--footer-border-color);
    --kat-modal-footer-border-width: var(--footer-border-width);
    --kat-modal-footer-border-style: var(--footer-border-style);
    --kat-modal-footer-border-radius: var(--footer-border-radius);
    --kat-modal-footer-color: var(--footer-color);
    --kat-modal-footer-font-size: var(--footer-font-size);
    --kat-modal-footer-font-weight: var(--footer-font-weight);
    --kat-modal-footer-font-family: var(--footer-font-family);
    --kat-modal-footer-line-height: var(--footer-line-height);
    --kat-modal-footer-padding: var(--footer-padding)
}

.katal kat-hmd:not([mode=modal]) .kat-hmd-container {
    background: var(--background);
    border-color: var(--border-color);
    border-radius: var(--border-radius);
    border-style: var(--border-style);
    border-width: var(--border-width);
    box-shadow: var(--box-shadow);
    color: var(--color);
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    height: var(--height);
    line-height: var(--line-height);
    max-height: var(--max-height);
    max-width: var(--max-width);
    padding: var(--padding);
    transform: var(--transform);
    transition: var(--transition);
    width: var(--width);
    z-index: var(--z-index)
}

.katal .kat-hmd-form-item-spacing {
    margin-bottom: var(--vertical-rhythm)
}

.katal kat-hmd:not([rating-style=emoji]):not([rating-style=numerical]):not([rating-style=stars]) .kat-satisfaction-rating li {
    focus-ring-width: var(--rating-item-focus-ring-width);
    focus-ring-color: var(--rating-item-focus-ring-color);
    focus-ring-outlay: var(--rating-item-focus-ring-outlay);
    hover-ring-color: var(--rating-item-hover-ring-color);
    background: var(--rating-item-background);
    border-color: var(--rating-item-border-color);
    border-radius: var(--rating-item-border-radius);
    border-style: var(--rating-item-border-style);
    border-width: var(--rating-item-border-width);
    color: var(--rating-item-color);
    font-family: var(--rating-item-font-family);
    font-size: var(--rating-item-font-size);
    font-weight: var(--rating-item-font-weight);
    height: var(--rating-item-height);
    line-height: var(--rating-item-line-height);
    margin: var(--rating-item-margin);
    padding: var(--rating-item-padding);
    width: var(--rating-item-width)
}

.katal kat-hmd:not([rating-style=emoji]):not([rating-style=numerical]):not([rating-style=stars]) .kat-satisfaction-rating li:hover {
    --rating-item-background: var(--rating-item-background-hover);
    --rating-item-color: var(--rating-item-color-hover)
}

.katal kat-hmd:not([rating-style=emoji]):not([rating-style=numerical]):not([rating-style=stars]) .kat-satisfaction-rating li.selected {
    --rating-item-background: var(--rating-item-background-selected);
    --rating-item-color: var(--rating-item-color-selected)
}

.katal kat-hmd:not([rating-style=stars]) .hmd-rating-item-icon {
    position: relative
}

.katal kat-hmd:not([rating-style=stars]) .hmd-rating-item-icon:before {
    border-radius: var(--hover-ring-radius);
    bottom: calc(var(--rating-item-focus-ring-outlay)*-1);
    content: "";
    pointer-events: none;
    position: absolute;
    top: calc(var(--rating-item-focus-ring-outlay)*-1);
    z-index: 1
}

:not([dir]) .katal kat-hmd:not([rating-style=stars]) .hmd-rating-item-icon:before,
[dir=rtl] .katal kat-hmd:not([rating-style=stars]) .hmd-rating-item-icon:before {
    left: calc(var(--rating-item-focus-ring-outlay)*-1);
    right: calc(var(--rating-item-focus-ring-outlay)*-1)
}

.katal kat-hmd:not([rating-style=stars]) .hmd-rating-item-icon:focus {
    outline: none
}

.katal kat-hmd:not([rating-style=stars]) .hmd-rating-item-icon:focus:before {
    box-shadow: 0 0 0 var(--rating-item-focus-ring-width) var(--rating-item-focus-ring-color)
}

.katal kat-hmd:not([rating-style=stars]) .kat-satisfaction-rating li:hover {
    --rating-item-border-color: var(--rating-item-hover-ring-color)
}

.katal kat-hmd[rating-style=numerical] .kat-satisfaction-rating li {
    display: flex;
    flex: 0;
    flex-direction: column
}

.katal kat-hmd {
    --background: var(--kat-hmd-background, #fff);
    --border-color: var(--kat-hmd-border-color, var(--kat-border-color-box-primary));
    --border-width: var(--kat-hmd-border-width, 0);
    --border-style: var(--kat-hmd-border-style, solid);
    --border-radius: var(--kat-hmd-border-radius, 0);
    --color: var(--kat-hmd-color, inherit);
    --font-size: var(--kat-hmd-font-size, inherit);
    --font-weight: var(--kat-hmd-font-weight, inherit);
    --font-family: var(--kat-hmd-font-family, inherit);
    --line-height: var(--kat-hmd-line-height, inherit);
    --padding: var(--kat-hmd-padding, 0);
    --box-shadow: var(--kat-hmd-box-shadow, none);
    --height: var(--kat-hmd-height, auto);
    --max-height: var(--kat-hmd-max-height, none);
    --width: var(--kat-hmd-width, auto);
    --max-width: var(--kat-hmd-max-width, auto);
    --z-index: var(--kat-hmd-z-index, inherit);
    --transform: var(--kat-hmd-transform, none);
    --transition: var(--kat-hmd-transition, opacity 75ms ease-out);
    --vertical-rhythm: var(--kat-hmd-vertical-rhythm, var(--kat-padding-xxlarge));
    --transform-visible: var(--kat-hmd-transform-visible, translate(0, 0));
    --transition-visible: var(--kat-hmd-transition-visible, opacity 400ms cubic-bezier(0, 0.55, 0.45, 1) 75ms, transform 400ms ease-out);
    --overlay-background: var(--kat-hmd-overlay-background, rgba(51, 51, 51, .8));
    --overlay-z-index: var(--kat-hmd-overlay-z-index, calc(var(--z-index) - 1));
    --overlay-transition: var(--kat-hmd-overlay-transition, opacity 75ms ease-out);
    --overlay-transition-visible: var(--kat-hmd-overlay-transition-visible, opacity 75ms ease-out);
    --close-background: var(--kat-hmd-close-background, none);
    --close-border-color: var(--kat-hmd-close-border-color, var(--kat-border-color-box-primary));
    --close-border-width: var(--kat-hmd-close-border-width, 0);
    --close-border-style: var(--kat-hmd-close-border-style, solid);
    --close-border-radius: var(--kat-hmd-close-border-radius, 0);
    --close-color: var(--kat-hmd-close-color, inherit);
    --close-font-size: var(--kat-hmd-close-font-size, var(--kat-font-size-medium));
    --close-font-weight: var(--kat-hmd-close-font-weight, inherit);
    --close-font-family: var(--kat-hmd-close-font-family, inherit);
    --close-line-height: var(--kat-hmd-close-line-height, var(--kat-line-height-medium));
    --close-padding: var(--kat-hmd-close-padding, var(--kat-padding-xxsmall));
    --close-margin: var(--kat-hmd-close-margin, 0 calc(var(--close-padding)*-1) 0 0);
    --close-size: var(--kat-hmd-close-size, 1.25rem);
    --header-border-color: var(--kat-hmd-header-border-color, none);
    --header-border-width: var(--kat-hmd-header-border-width, 0);
    --header-border-style: var(--kat-hmd-header-border-style, solid);
    --header-border-radius: var(--kat-hmd-header-border-radius, inherit);
    --header-background: var(--kat-hmd-header-background, #fafafa);
    --header-color: var(--kat-hmd-header-color, inherit);
    --header-padding: var(--kat-hmd-header-padding, var(--kat-padding-medium));
    --title-color: var(--kat-hmd-title-color, var(--header-color));
    --title-font-size: var(--kat-hmd-title-font-size, var(--kat-font-size-xlarge));
    --title-font-weight: var(--kat-hmd-title-font-weight, 700);
    --title-font-family: var(--kat-hmd-title-font-family, inherit);
    --title-line-height: var(--kat-hmd-title-line-height, inherit);
    --title-padding: var(--kat-hmd-title-padding, 0);
    --body-background: var(--kat-hmd-body-background, none);
    --body-border-color: var(--kat-hmd-body-border-color, var(--kat-border-color-box-primary));
    --body-border-width: var(--kat-hmd-body-border-width, 0);
    --body-border-style: var(--kat-hmd-body-border-style, solid);
    --body-border-radius: var(--kat-hmd-body-border-radius, 0);
    --body-color: var(--kat-hmd-body-color, inherit);
    --body-font-size: var(--kat-hmd-body-font-size, inherit);
    --body-font-weight: var(--kat-hmd-body-font-weight, inherit);
    --body-font-family: var(--kat-hmd-body-font-family, inherit);
    --body-line-height: var(--kat-hmd-body-line-height, inherit);
    --body-padding: var(--kat-hmd-body-padding, var(--kat-padding-medium));
    --footer-background: var(--kat-hmd-footer-background, #fafafa);
    --footer-border-color: var(--kat-hmd-footer-border-color, var(--kat-border-color-box-primary));
    --footer-border-width: var(--kat-hmd-footer-border-width, 0);
    --footer-border-style: var(--kat-hmd-footer-border-style, solid);
    --footer-border-radius: var(--kat-hmd-footer-border-radius, 0);
    --footer-color: var(--kat-hmd-footer-color, inherit);
    --footer-font-size: var(--kat-hmd-footer-font-size, inherit);
    --footer-font-weight: var(--kat-hmd-footer-font-weight, inherit);
    --footer-font-family: var(--kat-hmd-footer-font-family, inherit);
    --footer-line-height: var(--kat-hmd-footer-line-height, inherit);
    --footer-padding: var(--kat-hmd-footer-padding, var(--kat-padding-medium));
    --character-count-color: var(--kat-hmd-character-count-color, #6c7778);
    --rating-border-color: var(--kat-hmd-rating-border-color, var(--kat-border-color-box-primary));
    --rating-border-width: var(--kat-hmd-rating-border-width, 0);
    --rating-border-style: var(--kat-hmd-rating-border-style, solid);
    --rating-border-radius: var(--kat-hmd-rating-border-radius, 0);
    --rating-background: var(--kat-hmd-rating-background, none);
    --rating-color: var(--kat-hmd-rating-color, inherit);
    --rating-padding: var(--kat-hmd-rating-padding, 0);
    --rating-margin: var(--kat-hmd-rating-margin, 0.25rem 0 0 0);
    --rating-item-background: var(--kat-hmd-rating-item-background, none);
    --rating-item-border-color: var(--kat-hmd-rating-item-border-color, var(--kat-border-color-box-primary));
    --rating-item-border-width: var(--kat-hmd-rating-item-border-width, 0);
    --rating-item-border-style: var(--kat-hmd-rating-item-border-style, solid);
    --rating-item-border-radius: var(--kat-hmd-rating-item-border-radius, 0);
    --rating-item-color: var(--kat-hmd-rating-item-color, var(--rating-color));
    --rating-item-font-size: var(--kat-hmd-rating-item-font-size, inherit);
    --rating-item-font-weight: var(--kat-hmd-rating-item-font-weight, inherit);
    --rating-item-font-family: var(--kat-hmd-rating-item-font-family, inherit);
    --rating-item-line-height: var(--kat-hmd-rating-item-line-height, inherit);
    --rating-item-padding: var(--kat-hmd-rating-item-padding, 0);
    --rating-item-width: var(--kat-hmd-rating-item-width, auto);
    --rating-item-height: var(--kat-hmd-rating-item-height, auto);
    --rating-item-margin: var(--kat-hmd-rating-item-margin, 0);
    --rating-item-focus-ring-width: var(--kat-hmd-rating-item-focus-ring-width, var(--kat-border-width-xsmall));
    --rating-item-focus-ring-color: var(--kat-hmd-rating-item-focus-ring-color, var(--kat-border-color-focus));
    --rating-item-focus-ring-outlay: var(--kat-hmd-rating-item-focus-ring-outlay, var(--kat-border-width-xsmall));
    --rating-item-hover-ring-color: var(--kat-hmd-rating-item-hover-ring-color, var(--kat-border-color-hover));
    --rating-item-background-hover: var(--kat-hmd-rating-item-background-hover, inherit);
    --rating-item-color-hover: var(--kat-hmd-rating-item-color-hover, var(--kat-font-color-primary-hover));
    --rating-item-background-selected: var(--kat-hmd-rating-item-background-selected, var(--kat-background-cta));
    --rating-item-color-selected: var(--kat-hmd-rating-item-color-selected, #fff)
}

:not([dir]) .katal kat-hmd .kat-hmd-footer button+button,
:not([dir]) .katal kat-hmd .kat-hmd-footer kat-button+kat-button {
    margin-left: .625rem
}

[dir=rtl] .katal kat-hmd .kat-hmd-footer button+button,
[dir=rtl] .katal kat-hmd .kat-hmd-footer kat-button+kat-button {
    margin-right: .625rem
}

.katal kat-hmd kat-textarea {
    display: flex;
    resize: vertical
}

.katal kat-hmd .kat-hmd-textarea-metadata {
    align-items: center
}

.katal kat-hmd .kat-satisfaction-rating {
    background: var(--rating-background);
    border-color: var(--rating-border-color);
    border-radius: var(--rating-border-radius);
    border-style: var(--rating-border-style);
    border-width: var(--rating-border-width);
    color: var(--rating-color);
    display: flex;
    list-style-type: none;
    margin: var(--rating-margin);
    padding: var(--rating-padding)
}

.katal kat-hmd .kat-satisfaction-rating li {
    color: inherit;
    list-style: none !important
}

:not([dir]) .katal kat-hmd .kat-satisfaction-rating li {
    float: left
}

[dir=rtl] .katal kat-hmd .kat-satisfaction-rating li {
    float: right
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji {
    focus-ring-width: var(--rating-item-focus-ring-width);
    focus-ring-color: var(--rating-item-focus-ring-color);
    focus-ring-outlay: var(--rating-item-focus-ring-outlay);
    hover-ring-color: var(--rating-item-hover-ring-color);
    background: var(--rating-item-background);
    border-color: var(--rating-item-border-color);
    border-radius: var(--rating-item-border-radius);
    border-style: var(--rating-item-border-style);
    border-width: var(--rating-item-border-width);
    color: var(--rating-item-color);
    cursor: pointer;
    display: block;
    font-family: var(--rating-item-font-family);
    font-size: var(--rating-item-font-size);
    font-weight: var(--rating-item-font-weight);
    height: var(--rating-item-height);
    line-height: var(--rating-item-line-height);
    margin: var(--rating-item-margin);
    padding: var(--rating-item-padding);
    width: var(--rating-item-width)
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji.hmd2-emoji-1 {
    background-position: 197px -83px
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji.hmd2-emoji-1:hover {
    background-position: 197px -43px
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji.hmd2-emoji-1.selected {
    background-position: 197px -3px
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji.hmd2-emoji-2 {
    background-position: 157px -83px
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji.hmd2-emoji-2:hover {
    background-position: 157px -43px
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji.hmd2-emoji-2.selected {
    background-position: 157px -3px
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji.hmd2-emoji-3 {
    background-position: 117px -83px
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji.hmd2-emoji-3:hover {
    background-position: 117px -43px
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji.hmd2-emoji-3.selected {
    background-position: 117px -3px
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji.hmd2-emoji-4 {
    background-position: 77px -83px
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji.hmd2-emoji-4:hover {
    background-position: 77px -43px
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji.hmd2-emoji-4.selected {
    background-position: 77px -3px
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji.hmd2-emoji-5 {
    background-position: 37px -83px
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji.hmd2-emoji-5:hover {
    background-position: 37px -43px
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji.hmd2-emoji-5.selected {
    background-position: 37px -3px
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-number {
    focus-ring-width: var(--rating-item-focus-ring-width);
    focus-ring-color: var(--rating-item-focus-ring-color);
    focus-ring-outlay: var(--rating-item-focus-ring-outlay);
    hover-ring-color: var(--rating-item-hover-ring-color);
    background: var(--rating-item-background);
    border-color: var(--rating-item-border-color);
    border-radius: var(--rating-item-border-radius);
    border-style: var(--rating-item-border-style);
    border-width: var(--rating-item-border-width);
    color: var(--rating-item-color);
    cursor: pointer;
    font-family: var(--rating-item-font-family);
    font-size: var(--rating-item-font-size);
    font-weight: var(--rating-item-font-weight);
    height: var(--rating-item-height);
    line-height: var(--rating-item-line-height);
    margin: var(--rating-item-margin);
    padding: var(--rating-item-padding);
    text-align: center;
    width: var(--rating-item-width)
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-number:hover {
    --rating-item-background: var(--rating-item-background-hover);
    --rating-item-color: var(--rating-item-color-hover)
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-number.selected {
    --rating-item-background: var(--rating-item-background-selected);
    --rating-item-color: var(--rating-item-color-selected)
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-number-text {
    color: inherit;
    text-align: center
}

.katal kat-hmd .kat-disclaimer {
    display: flex;
    flex: 1 0 auto
}

.katal kat-hmd .kat-charcount {
    color: var(--character-count-color);
    display: flex
}

.katal kat-hmd .kat-hmd-spinner-container {
    margin: 0 auto;
    text-align: center
}

.katal kat-hmd .kat-hmd-show {
    display: flex
}

.katal kat-hmd .kat-hmd-hide {
    display: none
}

:root {
    --kat-hmd-label-padding: var(--kat-label-padding, 0 0 0.3rem 0);
    --kat-hmd-body-border-color: #d5dbdb;
    --kat-hmd-body-border-width: 1px 0;
    --kat-hmd-header-padding: 1rem 1.875rem;
    --kat-hmd-body-padding: 1rem 1.875rem;
    --kat-hmd-footer-padding: 1rem 1.875rem;
    --kat-hmd-title-line-height: normal;
    --kat-hmd-title-font-size: 1.25rem
}

.katal kat-hmd {
    --kat-label-padding: 0 0 0.3rem 0;
    --kat-textarea-width: 100%
}

.katal kat-hmd kat-textarea {
    min-height: 5rem
}

.katal kat-hmd kat-tooltip {
    color: #00a4b4;
    margin: 0 4px
}

.katal kat-hmd[mode=inline] {
    --kat-hmd-footer-background: #fff;
    --kat-hmd-body-border-width: 1px 0 0 0
}

.katal kat-hmd[mode=modal] {
    --kat-hmd-max-height: 90vh;
    --kat-hmd-width: 60vw;
    --kat-hmd-max-width: 600px;
    --kat-hmd-transform: translateY(-1vh);
    --kat-hmd-z-index: var(--kat-z-index-modal);
    --kat-hmd-overlay-z-index: 8249
}

.katal kat-hmd[rating-style=emoji] {
    --kat-hmd-rating-item-background: url(/hmd/hmdfaces.png);
    --kat-hmd-rating-item-width: 2.125rem;
    --kat-hmd-rating-item-height: 2.1875rem;
    --kat-hmd-rating-item-margin: 0 0.5rem 0 0
}

.katal kat-hmd[rating-style=numerical] {
    --kat-hmd-rating-color: #667575;
    --kat-hmd-rating-item-width: 2.25rem;
    --kat-hmd-rating-item-height: 2.25rem;
    --kat-hmd-rating-item-margin: 0 0.9375rem 0.5rem;
    --kat-hmd-rating-item-padding: 0.5rem;
    --kat-hmd-rating-item-border-color: #667575;
    --kat-hmd-rating-item-border-width: var(--kat-border-width-xsmall);
    --kat-hmd-rating-item-border-radius: 50%;
    --kat-hmd-rating-item-focus-ring-outlay: 6px
}

.katal kat-hmd kat-star-rating .star {
    max-height: 32px !important;
    max-width: 32px !important;
    min-width: 32px !important
}

:not([dir]) .katal kat-hmd .kat-satisfaction-rating {
    padding-left: 0
}

[dir=rtl] .katal kat-hmd .kat-satisfaction-rating {
    padding-right: 0
}

.katal kat-hmd .kat-satisfaction-rating .hmd2-emoji {
    background: url(/hmd/hmdfaces.png);
    height: 2.1875rem;
    width: 2.125rem
}

:not([dir]) .katal kat-hmd .kat-satisfaction-rating .hmd2-emoji {
    margin: 0 .5rem 0 0
}

[dir=rtl] .katal kat-hmd .kat-satisfaction-rating .hmd2-emoji {
    margin: 0 0 0 .5rem
}

:root {
    --kat-input-group-height: 2.125rem;
    --kat-input-group-icon-padding: 0 0.55rem;
    --kat-input-group-icon-size: 0.9375rem
}

.katal kat-input-group kat-input {
    --kat-input-hover-ring-width: var(--kat-border-width-xxsmall)
}

.katal .kat-list {
    --background: var(--kat-list-background, none);
    --border-color: var(--kat-list-border-color, var(--kat-border-color-box-primary));
    --border-width: var(--kat-list-border-width, 0);
    --border-style: var(--kat-list-border-style, solid);
    --border-radius: var(--kat-list-border-radius, 0);
    --color: var(--kat-list-color, inherit);
    --font-size: var(--kat-list-font-size, inherit);
    --font-weight: var(--kat-list-font-weight, inherit);
    --font-family: var(--kat-list-font-family, inherit);
    --line-height: var(--kat-list-line-height, inherit);
    --padding: var(--kat-list-padding, 0);
    --marker-background: var(--kat-list-marker-background, none);
    --marker-border-color: var(--kat-list-marker-border-color, var(--kat-border-color-box-primary));
    --marker-border-width: var(--kat-list-marker-border-width, 0);
    --marker-border-style: var(--kat-list-marker-border-style, solid);
    --marker-border-radius: var(--kat-list-marker-border-radius, 0);
    --marker-color: var(--kat-list-marker-color, inherit);
    --marker-font-size: var(--kat-list-marker-font-size, var(--kat-font-size-medium));
    --marker-font-weight: var(--kat-list-marker-font-weight, inherit);
    --marker-font-family: var(--kat-list-marker-font-family, inherit);
    --marker-line-height: var(--kat-list-marker-line-height, var(--kat-line-height-medium));
    --marker-padding: var(--kat-list-marker-padding, 0 var(--kat-padding-xsmall) 0 0);
    --marker-content: var(--kat-list-marker-content, none);
    --marker-content-ordered: var(--kat-list-marker-content-ordered, counters(section, ".") ".");
    --marker-content-bullet: var(--kat-list-marker-content-bullet, "\e892");
    --marker-font-family-bullet: var(--kat-list-marker-font-family-bullet, var(--kat-icon-font-family));
    --marker-content-checkmark: var(--kat-list-marker-content-checkmark, "✓");
    background: var(--background);
    border-color: var(--border-color);
    border-radius: var(--border-radius);
    border-style: var(--border-style);
    border-width: var(--border-width);
    color: var(--color);
    display: table;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    line-height: var(--line-height);
    list-style-type: none;
    padding: var(--padding)
}

.katal .kat-list li:before {
    background: var(--marker-background);
    border-color: var(--marker-border-color);
    border-radius: var(--marker-border-radius);
    border-style: var(--marker-border-style);
    border-width: var(--marker-border-width);
    color: var(--marker-color);
    content: var(--marker-content);
    font-family: var(--marker-font-family);
    font-size: var(--marker-font-size);
    font-weight: var(--marker-font-weight);
    line-height: var(--marker-line-height);
    padding: var(--marker-padding)
}

.katal .kat-list[variant=ordered] {
    counter-reset: section
}

.katal .kat-list[variant=ordered] li:before {
    content: var(--marker-content-ordered);
    counter-increment: section
}

.katal .kat-list[variant=bullet] li:before {
    content: var(--marker-content-bullet);
    font-family: var(--marker-font-family-bullet)
}

.katal .kat-list[variant=checkmark] li:before {
    content: var(--marker-content-checkmark)
}

:root[dir=rtl] .kat-list:not([variant=bullet]) li:before {
    padding: 0 0 0 var(--kat-padding-xsmall)
}

:root[dir=rtl] .kat-list[variant=bullet] li:before {
    display: inline-block;
    transform: scaleX(-1)
}

:root {
    --kat-pagination-page-padding: 3px;
    --kat-pagination-page-text-decoration-hover: none;
    --kat-pagination-page-background-hover: #f1f6f0;
    --kat-pagination-navigation-padding: 6px 3px 3px 3px;
    --kat-pagination-navigation-color-disabled: var(--kat-font-color-primary-dark);
    --kat-predictive-input-background: #fff;
    --kat-predictive-input-border-color: #aab7b8;
    --kat-predictive-input-padding: 0.5rem;
    --kat-predictive-input-option-padding: 0.5rem;
    --kat-predictive-input-background-disabled: #f4f6f6;
    --kat-predictive-input-color-disabled: #a4adad;
    --kat-predictive-input-option-border-color-disabled: transparent
}

.katal kat-predictive-input[size=small] {
    --kat-predictive-input-padding: 0.3125rem 0.5rem;
    --kat-predictive-input-height: 1.625rem
}

.katal kat-predictive-input[size=large] {
    --kat-predictive-input-height: 2.125rem
}

.katal kat-progressbar[variant=secondary] {
    --kat-progressbar-color: #000;
    --kat-progressbar-bar-background: #efefef;
    --kat-progressbar-bar-border: 1px solid #999;
    --kat-progressbar-bar-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .25);
    --kat-progressbar-meter-background: linear-gradient(-180deg, #fac800, #f1a300);
    --kat-progressbar-meter-border: 1px solid #bc9900
}

:root {
    --kat-radiobutton-indicator-border-color: var(--kat-border-color-input-focus);
    --kat-radiobutton-indicator-border-color-hover: #006574;
    --kat-radiobutton-indicator-background-hover: #006574;
    --kat-radiobutton-indicator-border-color-focus: #008296;
    --kat-radiobutton-indicator-background-disabled: #eaeded;
    --kat-radiobutton-indicator-border-color-disabled: #a4adad;
    --kat-radiobutton-indicator-margin: 0.125rem 0 0 0;
    --kat-radiobutton-indicator-width: 0.875rem;
    --kat-radiobutton-indicator-height: 0.875rem;
    --kat-radiobutton-text-color-disabled: var(--kat-font-color-disabled);
    --kat-statusindicator-color: #002f36;
    --kat-statusindicator-font-size: 0.9375rem;
    --kat-statusindicator-icon-size: 1.25rem;
    --kat-statusindicator-font-weight: 700;
    --kat-statusindicator-label-padding: 0 0 0 5px;
    --kat-statusindicator-color-error: #cc0c39;
    --kat-statusindicator-color-success: #538000;
    --kat-statusindicator-color-alert: #ffc400
}

.katal kat-statusindicator[variant=alert] {
    --kat-statusindicator-label-color: #002f36
}

:root {
    --kat-radiobutton-group-label-font-size-constraint: 0.8125rem;
    --kat-radiobutton-group-label-color-constraint: #667575;
    --kat-selection-list-item-padding: 0.3rem 0 0 1.5rem;
    --kat-selection-list-chevron-border-width: 0.0875rem 0.0875rem 0px 0px
}

.katal kat-selection-list[dir=rtl] {
    --kat-selection-list-item-padding: 0.3rem 1.5rem 0 0
}

.katal table.kat-table {
    border: 1px solid #d5dbdb;
    border-collapse: collapse;
    border-spacing: 0;
    box-shadow: 0 1px 3px 0 #b5b5b5;
    width: 100%
}

.katal table.kat-table thead.kat-table-header {
    font-size: 1.25rem;
    font-weight: 700
}

:not([dir]) .katal table.kat-table thead.kat-table-header {
    text-align: left
}

[dir=rtl] .katal table.kat-table thead.kat-table-header {
    text-align: right
}

.katal table.kat-table thead.kat-table-header th {
    background: #fafafa;
    border: 1px solid #d5dbdb;
    padding: 1rem 1.5rem
}

:not([dir]) .katal table.kat-table thead.kat-table-header~thead th:first-of-type {
    padding-left: 1.5rem
}

[dir=rtl] .katal table.kat-table thead.kat-table-header~thead th:first-of-type {
    padding-right: 1.5rem
}

:not([dir]) .katal table.kat-table thead.kat-table-header~tbody td:first-of-type {
    padding-left: 1.5rem
}

[dir=rtl] .katal table.kat-table thead.kat-table-header~tbody td:first-of-type {
    padding-right: 1.5rem
}

.katal table.kat-table thead {
    font-weight: 700
}

.katal table.kat-table thead th {
    border-bottom: 1px solid #d5dbdb;
    padding: .75rem .86rem
}

:not([dir]) .katal table.kat-table thead th {
    text-align: left
}

[dir=rtl] .katal table.kat-table thead th {
    text-align: right
}

.katal table.kat-table thead th:before {
    background: #aab7b8;
    content: "";
    height: 1rem;
    position: relative;
    width: 1px
}

:not([dir]) .katal table.kat-table thead th:before {
    float: left;
    left: -1rem
}

[dir=rtl] .katal table.kat-table thead th:before {
    float: right;
    right: -1rem
}

.katal table.kat-table thead th:first-child:before {
    display: none
}

:not([dir]) .katal table.kat-table thead th:last-of-type {
    border-right: none
}

[dir=rtl] .katal table.kat-table thead th:last-of-type {
    border-left: none
}

.katal table.kat-table tbody tr:first-of-type td {
    border: none
}

.katal table.kat-table tbody tr td {
    border-top: 1px solid #d5dbdb;
    padding: .75rem .86rem
}

:not([dir]) .katal table.kat-table tbody tr td {
    text-align: left
}

[dir=rtl] .katal table.kat-table tbody tr td {
    text-align: right
}

.katal table.kat-table tfoot td {
    background-color: #fafafa;
    border: 1px solid #d5dbdb;
    height: 1rem
}

.katal kat-table {
    border: 1px solid #d5dbdb;
    box-shadow: 0 1px 3px 0 #b5b5b5;
    display: table;
    width: 100%
}

.katal kat-table kat-table-head,
.katal kat-table thead {
    display: table-header-group;
    font-weight: 700
}

.katal kat-table kat-table-head kat-table-cell,
.katal kat-table kat-table-head th,
.katal kat-table thead kat-table-cell,
.katal kat-table thead th {
    border-bottom: 1px solid #d5dbdb;
    padding: .75rem .86rem
}

:not([dir]) .katal kat-table kat-table-head kat-table-cell,
:not([dir]) .katal kat-table kat-table-head th,
:not([dir]) .katal kat-table thead kat-table-cell,
:not([dir]) .katal kat-table thead th {
    text-align: left
}

[dir=rtl] .katal kat-table kat-table-head kat-table-cell,
[dir=rtl] .katal kat-table kat-table-head th,
[dir=rtl] .katal kat-table thead kat-table-cell,
[dir=rtl] .katal kat-table thead th {
    text-align: right
}

.katal kat-table kat-table-head kat-table-cell:before,
.katal kat-table kat-table-head th:before,
.katal kat-table thead kat-table-cell:before,
.katal kat-table thead th:before {
    background: #aab7b8;
    content: "";
    height: 1rem;
    position: relative;
    width: 1px
}

:not([dir]) .katal kat-table kat-table-head kat-table-cell:before,
:not([dir]) .katal kat-table kat-table-head th:before,
:not([dir]) .katal kat-table thead kat-table-cell:before,
:not([dir]) .katal kat-table thead th:before {
    float: left;
    left: -1rem
}

[dir=rtl] .katal kat-table kat-table-head kat-table-cell:before,
[dir=rtl] .katal kat-table kat-table-head th:before,
[dir=rtl] .katal kat-table thead kat-table-cell:before,
[dir=rtl] .katal kat-table thead th:before {
    float: right;
    right: -1rem
}

.katal kat-table kat-table-head kat-table-cell:first-child:before,
.katal kat-table kat-table-head th:first-child:before,
.katal kat-table thead kat-table-cell:first-child:before,
.katal kat-table thead th:first-child:before {
    display: none
}

:not([dir]) .katal kat-table kat-table-head kat-table-cell:last-of-type,
:not([dir]) .katal kat-table kat-table-head th:last-of-type,
:not([dir]) .katal kat-table thead kat-table-cell:last-of-type,
:not([dir]) .katal kat-table thead th:last-of-type {
    border-right: none
}

[dir=rtl] .katal kat-table kat-table-head kat-table-cell:last-of-type,
[dir=rtl] .katal kat-table kat-table-head th:last-of-type,
[dir=rtl] .katal kat-table thead kat-table-cell:last-of-type,
[dir=rtl] .katal kat-table thead th:last-of-type {
    border-left: none
}

.katal kat-table kat-table-body,
.katal kat-table tbody {
    display: table-row-group
}

.katal kat-table kat-table-body kat-table-row:first-of-type kat-table-cell,
.katal kat-table kat-table-body kat-table-row:first-of-type td,
.katal kat-table kat-table-body tr:first-of-type kat-table-cell,
.katal kat-table kat-table-body tr:first-of-type td,
.katal kat-table tbody kat-table-row:first-of-type kat-table-cell,
.katal kat-table tbody kat-table-row:first-of-type td,
.katal kat-table tbody tr:first-of-type kat-table-cell,
.katal kat-table tbody tr:first-of-type td {
    border: none
}

.katal kat-table kat-table-body kat-table-row kat-table-cell,
.katal kat-table kat-table-body kat-table-row td,
.katal kat-table kat-table-body tr kat-table-cell,
.katal kat-table kat-table-body tr td,
.katal kat-table tbody kat-table-row kat-table-cell,
.katal kat-table tbody kat-table-row td,
.katal kat-table tbody tr kat-table-cell,
.katal kat-table tbody tr td {
    border-top: 1px solid #d5dbdb;
    display: table-cell;
    padding: .75rem .86rem
}

:not([dir]) .katal kat-table kat-table-body kat-table-row kat-table-cell,
:not([dir]) .katal kat-table kat-table-body kat-table-row td,
:not([dir]) .katal kat-table kat-table-body tr kat-table-cell,
:not([dir]) .katal kat-table kat-table-body tr td,
:not([dir]) .katal kat-table tbody kat-table-row kat-table-cell,
:not([dir]) .katal kat-table tbody kat-table-row td,
:not([dir]) .katal kat-table tbody tr kat-table-cell,
:not([dir]) .katal kat-table tbody tr td {
    text-align: left
}

[dir=rtl] .katal kat-table kat-table-body kat-table-row kat-table-cell,
[dir=rtl] .katal kat-table kat-table-body kat-table-row td,
[dir=rtl] .katal kat-table kat-table-body tr kat-table-cell,
[dir=rtl] .katal kat-table kat-table-body tr td,
[dir=rtl] .katal kat-table tbody kat-table-row kat-table-cell,
[dir=rtl] .katal kat-table tbody kat-table-row td,
[dir=rtl] .katal kat-table tbody tr kat-table-cell,
[dir=rtl] .katal kat-table tbody tr td {
    text-align: right
}

.katal kat-table kat-table-row,
.katal kat-table tr {
    display: table-row
}

.katal kat-table kat-table-row kat-table-cell,
.katal kat-table kat-table-row td,
.katal kat-table tr kat-table-cell,
.katal kat-table tr td {
    display: table-cell
}

.katal kat-table kat-table-footer,
.katal kat-table tfoot {
    background: #fafafa;
    border: 1px solid #d5dbdb;
    border-top: none;
    box-shadow: 0 1px 3px 0 #b5b5b5;
    caption-side: bottom;
    display: table-caption;
    height: 1rem
}

.katal kat-table[variant=blended-header] kat-table-head kat-table-cell,
.katal kat-table[variant=blended-header] kat-table-head kat-table-cell:before,
.katal kat-table[variant=blended-header] thead th,
.katal kat-table[variant=blended-header] thead th:before {
    background: #fafafa
}

:root {
    --kat-tabs-label-color-hover: #002f36;
    --kat-tabs-header-border-color: transparent transparent #b5b5b5;
    --kat-tabs-label-underline-color-selected: #00a4b4;
    --kat-tabs-label-overflow-visible: #ebeeef;
    --kat-tabs-primary-tab-backround: #fff;
    --kat-tabs-overflow-background-hover: #e3eced;
    --kat-tabs-overflow-label-background-selected: #008296;
    --kat-tabs-overflow-label-background-hover: #008296
}

.WEBLAB_PLACEHOLDER_NAME_GROUP_2 {
    --kat-tabs-header-background: var(--kat-background-tab-default);
    --kat-tabs-label-color: var(--kat-text-tab-default);
    --kat-tabs-label-font-size: var(--kat-heading-100-font-size);
    --kat-tabs-label-underline-width-selected: calc(100% - 1px);
    --kat-tabs-label-content-hover: none;
    --kat-tabs-label-line-height: var(--kat-body-200-dense-line-height);
    --kat-tabs-label-padding: var(--kat-space-05);
    --kat-tabs-label-focus-ring-color: var(--kat-border-control-focus);
    --kat-tabs-header-border-color: var(--kat-border-tab-default);
    --kat-tabs-label-underline-color-selected: var(--kat-border-tab-selected);
    --kat-tabs-label-underline-outlay-selected: unset;
    --kat-tabs-label-background-hover-box: var(--kat-background-tab-hover);
    --kat-tabs-label-underline-height-selected: 4px;
    --kat-tabs-label-background-active: var(--kat-background-tab-active);
    --kat-tabs-label-background-focus: var(--kat-white);
    --kat-tabs-label-underline-top-selected: 0;
    --kat-tabs-label-background-color-selected: var(--kat-background-tab-selected);
    --kat-tabs-label-separator-color: var(--kat-border-tab-default);
    --kat-tabs-label-separator-width: var(--kat-border-width-xxsmall);
    --kat-tabs-label-separator-height: 100%;
    --kat-tabs-label-underline-z-index-selected: 1;
    --kat-tabs-label-underline-left-selected: calc(50% + 1px);
    --kat-tabs-label-box-shadow-selected: 0 1px var(--kat-white);
    --kat-tabs-label-left-hover: calc(50% + 1px);
    --kat-tabs-status-background: var(--kat-background-status-info);
    --kat-tabs-status-text-shadow: initial;
    --kat-tabs-status-font-size: var(--kat-body-100-font-size);
    --status-font-weight: var(--kat-body-100-font-weight);
    --kat-tabs-status-line-height: var(--kat-body-100-line-height);
    --kat-tabs-status-padding: var(--kat-space-01) var(--kat-space-03);
    --kat-tabs-status-color: var(--kat-white);
    --kat-tabs-status-border-radius: var(--kat-border-radius-medium);
    --kat-tabs-status-border-color: var(--kat-background-status-info);
    --kat-tabs-status-border-style: solid;
    --kat-tabs-status-border-width: var(--kat-border-width-xxsmall);
    --kat-tabs-status-margin: 0 0 0 var(--kat-space-05);
    --kat-tabs-overflow-background-hover: var(--kat-background-tab-hover);
    --kat-tabs-overflow-label-background-selected: var(--kat-background-accent-selected);
    --kat-tabs-overflow-label-background-hover: var(--kat-background-accent-selected);
    --kat-tabs-overflow-label-background-active: var(--kat-background-tab-active);
    --kat-tabs-overflow-label-background-focus: var(--kat-background-tab-selected)
}

:root {
    --kat-tag-border-color: #d5dbdb
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 {
    --kat-tag-font-weight: var(--kat-body-100-font-weight);
    --kat-tag-font-size: var(--kat-body-100-font-size);
    --kat-tag-line-height: var(--kat-body-100-line-height);
    --kat-tag-letter-spacing: var(--kat-body-100-letter-spacing);
    --kat-tag-background: var(--kat-background-status-tag);
    --kat-tag-background-hover: var(--kat-background-status-tag-hover);
    --kat-tag-background-disabled: var(--kat-background-item-disabled);
    --kat-tag-border-color: var(--kat-border-status-tag);
    --kat-tag-border-color-focus: var(--kat-border-control-focus);
    --kat-tag-border-color-disabled: var(--kat-border-item-disabled);
    --kat-tag-color-disabled: var(--kat-text-disabled);
    --kat-tag-dismiss-icon-background: var(--kat-background-status-tag);
    --kat-tag-dismiss-icon-background-hover: var(--kat-background-status-tag-hover);
    --kat-tag-dismiss-icon-box-shadow-focus: inset 0 0 0 var(--kat-space-01) var(--kat-border-control-focus)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-tag[selected] {
    --kat-tag-background: var(--kat-background-item-selected);
    --kat-tag-background-hover: var(--kat-background-item-selected-hover);
    --kat-tag-border-color: var(--kat-border-item-selected)
}

.katal kat-tag[selected] {
    --kat-tag-background: #e2f4f7;
    --kat-tag-background-hover: #b6d0d3;
    --kat-tag-border-color: var(--kat-border-color-focus)
}

.katal kat-thumbnail {
    border: 1px solid grey;
    border-radius: 2px;
    display: block;
    overflow: hidden;
    padding: .25rem
}

.katal kat-thumbnail img {
    max-width: 100%;
    object-fit: cover
}

.katal kat-thumbnail,
.katal kat-thumbnail img,
.katal kat-thumbnail[size=small],
.katal kat-thumbnail[size=small] img {
    height: 4.5rem;
    width: 4.5rem
}

.katal kat-thumbnail[size=medium],
.katal kat-thumbnail[size=medium] img {
    height: 6.25rem;
    width: 6.25rem
}

.katal kat-thumbnail[size=large],
.katal kat-thumbnail[size=large] img {
    height: 9rem;
    width: 9rem
}

.katal kat-tile {
    border: 1px solid #e3eced;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    display: flex;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
    padding: 20px;
    width: 260px
}

:not([dir]) .katal kat-tile {
    background-image: linear-gradient(-180deg, #fff, #fafafa)
}

[dir=rtl] .katal kat-tile {
    background-image: linear-gradient(180deg, #fff, #fafafa)
}

.katal kat-tile a {
    color: #002f36 !important;
    text-decoration: none !important
}

.katal kat-tile kat-tile-container {
    display: block;
    overflow: hidden;
    position: relative
}

.katal kat-tile .tile-image-container {
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    width: 220px
}

.katal kat-tile img {
    display: block;
    margin: auto;
    max-width: 220px;
    padding-bottom: .75rem
}

.katal kat-tile kat-tile-primary-list li,
.katal kat-tile kat-tile-secondary-list li,
.katal kat-tile kat-tile-titles li {
    display: table
}

.katal kat-tile kat-tile-primary-list[variant=ordered],
.katal kat-tile kat-tile-secondary-list[variant=ordered],
.katal kat-tile kat-tile-titles[variant=ordered] {
    list-style-type: decimal
}

.katal kat-tile kat-tile-primary-list[variant=checkmark],
.katal kat-tile kat-tile-primary-list[variant=unordered],
.katal kat-tile kat-tile-secondary-list[variant=checkmark],
.katal kat-tile kat-tile-secondary-list[variant=unordered],
.katal kat-tile kat-tile-titles[variant=checkmark],
.katal kat-tile kat-tile-titles[variant=unordered] {
    list-style-type: none
}

.katal kat-tile kat-tile-primary-list[variant=checkmark] li:before,
.katal kat-tile kat-tile-secondary-list[variant=checkmark] li:before,
.katal kat-tile kat-tile-titles[variant=checkmark] li:before {
    color: green;
    content: "✓"
}

:not([dir]) .katal kat-tile kat-tile-primary-list[variant=checkmark] li:before,
:not([dir]) .katal kat-tile kat-tile-secondary-list[variant=checkmark] li:before,
:not([dir]) .katal kat-tile kat-tile-titles[variant=checkmark] li:before {
    padding-right: 5px
}

[dir=rtl] .katal kat-tile kat-tile-primary-list[variant=checkmark] li:before,
[dir=rtl] .katal kat-tile kat-tile-secondary-list[variant=checkmark] li:before,
[dir=rtl] .katal kat-tile kat-tile-titles[variant=checkmark] li:before {
    padding-left: 5px
}

.katal kat-tile kat-tile-titles {
    cursor: pointer;
    display: block;
    max-height: 55px;
    overflow: hidden;
    padding-bottom: .3rem
}

.katal kat-tile kat-tile-titles li {
    color: #008296 !important;
    font-size: 1rem !important;
    line-height: 20px !important
}

.katal kat-tile kat-tile-primary-list {
    cursor: pointer;
    display: block
}

.katal kat-tile kat-tile-secondary-list {
    cursor: pointer;
    display: block;
    height: 0;
    overflow: hidden
}

.katal kat-tile kat-tile-secondary-list li:first-child {
    border-top: 1px solid #d5dbdb;
    margin-top: 15px;
    padding-top: 15px
}

.katal kat-tile-grid {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap
}

.katal kat-tile-grid kat-tile-grid-container {
    display: flex;
    margin: 10px
}

:not([dir]) .katal kat-tile-grid kat-tile-grid-container {
    float: left
}

[dir=rtl] .katal kat-tile-grid kat-tile-grid-container {
    float: right
}

@supports(display: grid) {
    .katal kat-tile-grid {
        grid-gap: 10px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        justify-content: space-around
    }

    .katal kat-tile-grid kat-tile-grid-container {
        display: flex;
        justify-content: center;
        margin: 0
    }
}

:root {
    --kat-toggle-focus-ring-color: var(--kat-font-color-primary-dark);
    --kat-toggle-indicator-background: #879596;
    --kat-toggle-indicator-background-active: #00a4b4;
    --kat-toggle-indicator-background-disabled: #515b5b;
    --kat-toggle-indicator-background-disabled-active: #006878;
    --kat-toggle-dot-background: #fff;
    --kat-toggle-dot-background-disabled: #aab7b8
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_3 {
    --kat-toggle-dot-background: var(--kat-foreground-control-default);
    --kat-toggle-dot-background-active: var(--kat-foreground-control-selected);
    --kat-toggle-dot-background-disabled: var(--kat-foreground-control-disabled);
    --kat-toggle-dot-inlay: 2px;
    --kat-toggle-dot-size: 10px;
    --kat-toggle-indicator-background: var(--kat-background-control-default);
    --kat-toggle-indicator-background-active: var(--kat-background-control-selected);
    --kat-toggle-indicator-background-disabled: var(--kat-background-control-disabled);
    --kat-toggle-indicator-background-disabled-active: var(--kat-background-control-toggle-selected-disabled);
    --kat-toggle-indicator-border-color: var(--kat-border-control-default);
    --kat-toggle-indicator-border-radius: var(--kat-border-width-large);
    --kat-toggle-indicator-border-width: var(--kat-border-width-xxsmall);
    --kat-toggle-indicator-height: 16px;
    --kat-toggle-focus-ring-color: var(--kat-border-control-focus);
    --kat-toggle-hover-ring-radius: 10px;
    --kat-toggle-text-color: var(--kat-text-label);
    --kat-toggle-text-font-weight: var(--kat-body-200-dense-font-weight);
    --kat-toggle-text-font-size: var(--kat-body-200-dense-font-size);
    --kat-toggle-text-line-height: var(--kat-body-200-dense-line-height);
    --kat-toggle-text-letter-spacing: var(--kat-body-200-dense-letter-spacing)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_3 kat-toggle {
    --hover-ring-radius: var(--kat-border-width-large)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_3 kat-toggle[checked] {
    --kat-toggle-indicator-border-color: var(--kat-border-control-selected)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_3 kat-toggle[checked][disabled] {
    --kat-toggle-indicator-border-color: var(--kat-border-control-toggle-selected-disabled);
    --kat-toggle-dot-background-disabled: var(--kat-foreground-control-toggle-selected-disabled)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_3 kat-toggle:focus {
    --kat-toggle-indicator-border-color: var(--kat-white)
}

:root {
    --kat-workflowtracker-step-flex: 0 1 130px
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 {
    --kat-workflowtracker-step-flex: 1 1 128px;
    --kat-workflowtracker-step-border-width: var(--kat-space-02) var(--kat-space-00) var(--kat-space-00);
    --kat-workflowtracker-step-border-color: var(--kat-background-accent-default);
    --kat-workflowtracker-step-flex-flow: row nowrap;
    --kat-workflowtracker-step-connector-background: none;
    --kat-workflowtracker-step-font-size: var(--kat-body-200-dense-font-size);
    --kat-workflowtracker-step-font-weight: var(--kat-body-200-dense-font-weight);
    --kat-workflowtracker-step-line-height: var(--kat-body-200-dense-line-height);
    --kat-workflowtracker-step-marker-align-items: flex-start;
    --kat-workflowtracker-step-marker-color: var(--kat-text-status-inactive);
    --kat-workflowtracker-step-background-hover: var(--kat-background-message-primary);
    --kat-workflowtracker-step-background-focus: var(--kat-background-message-primary);
    --kat-workflowtracker-step-focus-ring-color-focus: var(--kat-background-status-active);
    --kat-workflowtracker-step-focus-ring-width-focus: var(--kat-border-width-xsmall);
    --kat-workflowtracker-step-padding: var(--kat-space-04) var(--kat-space-05) var(--kat-space-02) var(--kat-space-02);
    --kat-workflowtracker-step-label-padding: var(--kat-space-00);
    --kat-workflowtracker-step-label-text-align: start;
    --kat-workflowtracker-step-gap: var(--kat-space-03)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-workflowtracker-step[state=complete] {
    --step-marker-color: var(--kat-background-status-active);
    --step-border-color: var(--kat-background-status-active)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-workflowtracker-step[state=in-progress] {
    --step-marker-color: var(--kat-background-status-active)
}

:root .WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-workflowtracker-step[state=error] {
    --step-background-focus: var(--kat-background-message-danger);
    --step-background-hover: var(--kat-background-message-danger);
    --step-marker-color: var(--kat-text-status-danger);
    --step-border-color: var(--kat-border-message-danger);
    --step-focus-ring-color-focus: var(--kat-border-message-danger)
}

.katal html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: inherit;
    line-height: 1.15
}

.katal *,
.katal :after,
.katal :before,
.katal html {
    box-sizing: border-box
}

.katal article,
.katal aside,
.katal dialog,
.katal figcaption,
.katal figure,
.katal footer,
.katal header,
.katal main,
.katal nav,
.katal section {
    display: block
}

.katal {
    // background-color: #fff;
    // color: #002f36;
    // // font-family: Amazon Ember,Arial,sans-serif!important;
    // font-size: .8125rem;
    // font-weight: 400;
    // line-height: 18px;
    // margin: 0
}

.katal h1,
.katal h2,
.katal h3,
.katal h4,
.katal h5,
.katal h6 {
    margin-bottom: .5rem;
    margin-top: 0
}

.katal dl,
.katal ol,
.katal p,
.katal ul {
    margin-bottom: 1rem;
    margin-top: 0
}

.katal dl li,
.katal ol li,
.katal ul li {
    color: #002f36
}

.katal ol ol,
.katal ol ul,
.katal ul ol,
.katal ul ul {
    margin-bottom: 0
}

.katal a,
.katal a:link,
.katal a:visited {
    -webkit-text-decoration-skip: objects;
    background-color: transparent;
    color: #008296;
    text-decoration: none
}

.katal a:hover,
.katal a:link:hover,
.katal a:visited:hover {
    color: #008296;
    text-decoration: underline
}

.katal img {
    border-style: none;
    vertical-align: middle
}

.katal code,
.katal kbd,
.katal pre,
.katal samp {
    font-family: monospace, monospace;
    font-size: 1em
}

.katal pre {
    background-color: #002f36;
    border-radius: 3px;
    color: #fff;
    margin-bottom: 1rem;
    margin-top: 0;
    padding: 1rem;
    white-space: pre-wrap
}

.katal label {
    border: none !important;
    display: inline-block
}

.katal kat-workflowtracker,
.katal kat-workflowtracker * {
    box-sizing: border-box
}

.katal kat-workflowtracker {
    --background: var(--kat-workflowtracker-background, none);
    --border-color: var(--kat-workflowtracker-border-color, var(--kat-border-color-box-primary));
    --border-width: var(--kat-workflowtracker-border-width, 0);
    --border-style: var(--kat-workflowtracker-border-style, solid);
    --border-radius: var(--kat-workflowtracker-border-radius, 0);
    --color: var(--kat-workflowtracker-color, inherit);
    --font-size: var(--kat-workflowtracker-font-size, inherit);
    --font-weight: var(--kat-workflowtracker-font-weight, inherit);
    --font-family: var(--kat-workflowtracker-font-family, inherit);
    --line-height: var(--kat-workflowtracker-line-height, inherit);
    --padding: var(--kat-workflowtracker-padding, 0);
    --step-background: var(--kat-workflowtracker-step-background, none);
    --step-border-color: var(--kat-workflowtracker-step-border-color, var(--kat-border-color-box-primary));
    --step-border-width: var(--kat-workflowtracker-step-border-width, 0);
    --step-border-style: var(--kat-workflowtracker-step-border-style, solid);
    --step-border-radius: var(--kat-workflowtracker-step-border-radius, 0);
    --step-color: var(--kat-workflowtracker-step-color, inherit);
    --step-font-size: var(--kat-workflowtracker-step-font-size, inherit);
    --step-font-weight: var(--kat-workflowtracker-step-font-weight, inherit);
    --step-font-family: var(--kat-workflowtracker-step-font-family, inherit);
    --step-line-height: var(--kat-workflowtracker-step-line-height, inherit);
    --step-padding: var(--kat-workflowtracker-step-padding, 0);
    --step-gap: var(--kat-workflowtracker-step-gap, inherit);
    --step-text-align: var(--kat-workflowtracker-step-text-align, center);
    --step-flex: var(--kat-workflowtracker-step-flex, 0 1 auto);
    --step-flex-flow: var(--kat-workflowtracker-step-flex-flow, column nowrap);
    --step-background-hover: var(--kat-workflowtracker-step-background-hover, inherit);
    --step-background-focus: var(--kat-workflowtracker-step-background-focus, inherit);
    --step-focus-ring-color-focus: var(--kat-workflowtracker-step-focus-ring-color-focus, inherit);
    --step-focus-ring-width-focus: var(--kat-workflowtracker-step-focus-ring-width-focus, inherit);
    --step-connector-background: var(--kat-workflowtracker-step-connector-background, var(--kat-font-color-primary-dark));
    --step-connector-top: var(--kat-workflowtracker-step-connector-top, calc(var(--marker-height)/2));
    --step-connector-height: var(--kat-workflowtracker-step-connector-height, var(--kat-border-width-xsmall));
    --step-connector-width: var(--kat-workflowtracker-step-connector-width, 100%);
    --step-label-padding: var(--kat-workflowtracker-step-label-padding, var(--kat-padding-small));
    --step-label-text-align: var(--kat-workflowtracker-step-label-text-align, inherit);
    --step-marker-align-items: var(--kat-workflowtracker-step-marker-align-items, center);
    --step-marker-width: var(--kat-workflowtracker-step-marker-width, 0.75rem);
    --step-marker-height: var(--kat-workflowtracker-step-marker-height, 0.75rem);
    --step-marker-background: var(--kat-workflowtracker-step-marker-background, #fff);
    --step-marker-border-width: var(--kat-workflowtracker-step-marker-border-width, var(--kat-border-width-xsmall));
    --step-marker-border-style: var(--kat-workflowtracker-step-marker-border-style, solid);
    --step-marker-border-color: var(--kat-workflowtracker-step-marker-border-color, var(--kat-border-color-box-primary));
    --step-marker-border-radius: var(--kat-workflowtracker-step-marker-border-radius, 50%);
    --step-marker-color: var(--kat-workflowtracker-step-marker-color, inherit);
    --step-marker-padding: var(--kat-workflowtracker-step-marker-padding, inherit);
    --step-marker-transition: var(--kat-workflowtracker-step-marker-transition, background 200ms ease-in-out, border-color 200ms ease-in-out);
    --step-marker-background-complete: var(--kat-workflowtracker-step-marker-background-complete, var(--kat-font-color-primary-dark));
    --step-marker-border-color-complete: var(--kat-workflowtracker-step-marker-border-color-complete, var(--kat-border-color-box-primary));
    --step-marker-background-in-progress: var(--kat-workflowtracker-step-marker-background-in-progress, #fff);
    --step-marker-border-color-in-progress: var(--kat-workflowtracker-step-marker-border-color-in-progress, var(--kat-background-attention));
    --step-marker-background-hover: var(--kat-workflowtracker-step-marker-background-hover, var(--kat-background-attention));
    --step-marker-border-color-hover: var(--kat-workflowtracker-step-marker-border-color-hover, var(--step-marker-background-hover));
    --step-marker-background-error: var(--kat-workflowtracker-step-marker-background-error, var(--kat-font-color-error));
    --step-marker-border-color-error: var(--kat-workflowtracker-step-marker-border-color-error, var(--kat-border-color-error));
    --step-marker-color-error: var(--kat-workflowtracker-step-marker-color-error, var(--kat-font-color-error));
    background: var(--background);
    border-color: var(--border-color);
    border-radius: var(--border-radius);
    border-style: var(--border-style);
    border-width: var(--border-width);
    color: var(--color);
    display: flex;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    line-height: var(--line-height);
    list-style: none;
    overflow: hidden;
    padding: var(--padding)
}

.katal kat-workflowtracker-step {
    grid-gap: var(--step-gap);
    background: var(--step-background);
    border-color: var(--step-border-color);
    border-radius: var(--step-border-radius);
    border-style: var(--step-border-style);
    border-width: var(--step-border-width);
    color: var(--step-color);
    display: flex;
    flex: var(--step-flex);
    flex-flow: var(--step-flex-flow);
    font-family: var(--step-font-family);
    font-size: var(--step-font-size);
    font-weight: var(--step-font-weight);
    gap: var(--step-gap);
    line-height: var(--step-line-height);
    padding: var(--step-padding);
    position: relative;
    text-align: var(--step-text-align)
}

.katal kat-workflowtracker-step .step-marker {
    align-items: var(--step-marker-align-items);
    color: var(--step-marker-color);
    display: flex;
    justify-content: center;
    padding: var(--step-marker-padding);
    position: relative;
    z-index: 0
}

.katal kat-workflowtracker-step .step-marker:before {
    background: var(--step-connector-background);
    content: "";
    display: inherit;
    height: var(--step-connector-height);
    position: absolute;
    top: var(--step-connector-top);
    width: var(--step-connector-width);
    z-index: -1
}

:not([dir]) .katal kat-workflowtracker-step .step-marker:before,
[dir=rtl] .katal kat-workflowtracker-step .step-marker:before {
    left: 0;
    right: 0
}

.katal kat-workflowtracker-step:first-child .step-marker:before {
    width: 50%
}

:not([dir]) .katal kat-workflowtracker-step:first-child .step-marker:before {
    left: 50%
}

[dir=rtl] .katal kat-workflowtracker-step:first-child .step-marker:before {
    right: 50%
}

.katal kat-workflowtracker-step:last-child .step-marker:before {
    width: 50%
}

.katal kat-workflowtracker-step:only-child .step-marker:before {
    width: 0
}

.katal kat-workflowtracker-step .step-text {
    display: block;
    padding: var(--step-label-padding);
    text-align: var(--step-label-text-align)
}

.katal kat-workflowtracker-step .step-text .step-label {
    word-wrap: break-word;
    -ms-hyphens: manual;
    -webkit-hyphens: manual;
    hyphens: manual;
    margin: 0;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word
}

@supports((-webkit-hyphens: auto) or (-ms-hyphens:auto) or (hyphens:auto)) {
    .katal kat-workflowtracker-step .step-text .step-label {
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

.katal kat-workflowtracker-step .step-marker-circle {
    align-items: var(--step-marker-align-items);
    background: var(--step-marker-background);
    border-color: var(--step-marker-border-color);
    border-radius: var(--step-marker-border-radius);
    border-style: var(--step-marker-border-style);
    border-width: var(--step-marker-border-width);
    color: var(--step-marker-color);
    content: "";
    height: var(--step-marker-height);
    padding: var(--step-marker-padding);
    width: var(--step-marker-width)
}

.katal kat-workflowtracker-step[clickable] {
    cursor: pointer;
    outline: none
}

.katal kat-workflowtracker-step[clickable]:before {
    border-radius: var(--hover-ring-radius);
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 1
}

:not([dir]) .katal kat-workflowtracker-step[clickable]:before,
[dir=rtl] .katal kat-workflowtracker-step[clickable]:before {
    left: 0;
    right: 0
}

.katal kat-workflowtracker-step[clickable] .step-marker-circle {
    transition: var(--step-marker-transition)
}

.katal kat-workflowtracker-step[clickable]:hover {
    --step-marker-background: var(--step-marker-background-hover);
    --step-marker-border-color: var(--step-marker-border-color-hover);
    background: var(--step-background-hover)
}

.katal kat-workflowtracker-step[clickable]:focus {
    focus-ring-color: var(--step-focus-ring-color-focus);
    focus-ring-width: var(--step-focus-ring-width-focus);
    background: var(--step-background-focus)
}

.katal kat-workflowtracker-step[clickable]:focus:before {
    border: var(--step-focus-ring-width-focus) solid var(--step-focus-ring-color-focus)
}

.katal kat-workflowtracker-step[state=complete] {
    --step-marker-background: var(--step-marker-background-complete);
    --step-marker-border-color: var(--step-marker-border-color-complete)
}

.katal kat-workflowtracker-step[state=in-progress] {
    --step-marker-background: var(--step-marker-background-in-progress);
    --step-marker-border-color: var(--step-marker-border-color-in-progress)
}

.katal kat-workflowtracker-step[state=error],
.katal kat-workflowtracker-step[state=error]:hover {
    --step-marker-background: var(--step-marker-background-error);
    --step-marker-border-color: var(--step-marker-border-color-error);
    --step-color: var(--step-marker-color-error)
}

.WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-navigation a kat-badge {
    margin-left: var(--kat-space-03)
}

.WEBLAB_PLACEHOLDER_NAME_GROUP_2 kat-navigation[hz] a kat-badge {
    margin-left: var(--kat-space-02)
}

.WEBLAB_PLACEHOLDER_NAME_GROUP_2 {
    --kat-navigation-item-indicator-background: var(--kat-border-tab-selected);
    --kat-navigation-item-indicator-width: calc(100% - 28px);
    --kat-navigation-item-indicator-top: auto;
    --kat-navigation-item-indicator-transform: translateX(-50%);
    --kat-navigation-item-indicator-bottom: 6px;
    --kat-navigation-item-indicator-margin: 4px 0 0 0;
    --kat-navigation-item-hover-background: var(--kat-background-item-hover);
    --kat-navigation-item-focus-outline-color: var(--kat-border-button-primary-default);
    --kat-navigation-horizontal-background: var(--kat-background-container-header-default);
    --kat-navigation-horizontal-line-height: var(--kat-body-200-dense-line-height);
    --kat-navigation-horizontal-font-size: var(--kat-body-200-dense-font-size);
    --kat-navigation-horizontal-font-weight: var(--kat-body-200-font-weight);
    --kat-navigation-horizontal-color: var(--kat-text-primary);
    --kat-navigation-horizontal-left-padding: var(--kat-space-04) 0 var(--kat-space-04) 14px;
    --kat-navigation-horizontal-left-color: var(--kat-text-secondary);
    --kat-navigation-horizontal-left-icon-color: var(--kat-text-secondary);
    --kat-navigation-horizontal-right-padding: var(--kat-space-04) 14px;
    --kat-navigation-overflow-padding: var(--kat-space-03) var(--kat-space-05);
    --kat-navigation-overflow-border-color: var(--kat-squid-ink-200);
    --kat-navigation-overflow-font-size: var(--kat-body-200-dense-font-size);
    --kat-navigation-overflow-font-weight: var(--kat-body-200-font-weight);
    --kat-navigation-overflow-active-background: var(--kat-background-item-selected);
    --kat-navigation-overflow-active-content: none;
    --kat-navigation-overflow-line-height: var(--kat-body-200-dense-line-height);
    --kat-navigation-overflow-color: var(--kat-text-primary);
    --kat-navigation-color: var(--kat-text-primary);
    --kat-navigation-vertical-padding: 10px var(--kat-space-05);
    --kat-navigation-vertical-line-height: 1.45;
    --kat-navigation-vertical-left-line-height: var(--kat-heading-200-line-height);
    --kat-navigation-vertical-left-font-size: var(--kat-heading-200-font-size);
    --kat-navigation-vertical-left-color: var(--kat-text-primary);
    --kat-navigation-vertical-right-font-size: var(--kat-heading-100-font-size);
    --kat-navigation-vertical-right-line-height: var(--kat-heading-100-line-height);
    --kat-navigation-vertical-indicator-background: var(--kat-border-item-selected);
    --kat-navigation-item-display: flex;
    --kat-navigation-item-justify-content: space-between;
    --kat-navigation-item-align-items: center;
    --kat-navigation-section-control-color: var(--kat-text-primary);
    --kat-navigation-section-control-background: var(--kat-background-item-hover);
    --kat-navigation-section-item-indicator-background: var(--kat-border-tab-selected);
    --kat-navigation-section-item-indicator-left: 16px;
    --kat-navigation-section-item-hover-background: var(--kat-background-item-hover);
    --kat-navigation-section-item-color: var(--kat-text-primary);
    --kat-navigation-section-control-font-weight: var(--kat-heading-500-font-weight);
    --kat-navigation-section-control-active-font-weight: var(--kat-heading-100-font-weight);
    --kat-navigation-section-control-indicator-content: "";
    --kat-navigation-section-control-indicator-active-top: calc(100% - 12px);
    --kat-navigation-section-control-horizontal-font-size: var(--kat-body-200-dense-font-size);
    --kat-navigation-section-control-horizontal-padding: var(--kat-space-04) 14px;
    --kat-navigation-section-control-horizontal-font-weight: var(--kat-body-200-font-weight);
    --kat-navigation-section-control-horizontal-line-height: var(--kat-body-200-dense-line-height);
    --kat-navigation-section-vertical-control-indicator-background: var(--kat-border-tab-selected);
    --kat-navigation-section-control-vertical-font-size: var(--kat-heading-100-font-size);
    --kat-navigation-section-control-vertical-font-weight: var(--kat-heading-100-font-weight);
    --kat-navigation-section-control-vertical-padding: 10px var(--kat-space-05);
    --kat-navigation-section-control-vertical-line-height: var(--kat-heading-100-line-height);
    --kat-navigation-section-item-padding: 10px var(--kat-space-05);
    --kat-navigation-section-item-padding-left: 32px;
    --kat-navigation-section-control-icon-horizontal-padding: 0 0 0 10px
}